how text and image vertical align in html program
<!DOCTYPE html><html>
<head>
<title>Vertical Align</title>
<style type="text/css">
#six-months {
vertical-align: text-top;}
#one-year {
vertical-align: baseline;}
#two-years {
vertical-align: text-bottom;}
</style>
</head>
<body>
<h1>Briard Life Stages</h1>
<p><img src="images/six-months.gif" width="50" height="50" alt="Six months"
id="six-months" /> Six months</p>
<p><img src="images/one-year.gif" width="50" height="50" alt="One year"
id="one-year" /> One year</p>
<p><img src="images/two-years.gif" width="50" height="50" alt="Two years"
id="two-years" /> Two years</p>
</body>
</html>
output:
0 comments:
Post a Comment