<! DOCTYPE html>
<meta charset= "Utf-8"/>
<TITLE>VERTICAL-ALIGN_CSS Reference manual _web front-end Development Reference manual series </title>
<style>
. test p{border:1px solid #000; font-size:16px;line-height:2;}
. Test a{margin-left:5px;font-size:12px;}
. Baseline A{vertical-align:baseline;}
. Sub A{vertical-align:sub;}
. Super A{vertical-align:super;}
. Top A{vertical-align:top;}
. Text-top A{vertical-align:text-top;}
. Middle A{vertical-align:middle;}
. bottom A{vertical-align:bottom;}
. Text-bottom A{vertical-align:text-bottom;}
. length a{vertical-align:10px;}
</style>
<body>
<ul class= "Test" >
<li class= "Baseline" >
<strong> align with the baseline </strong>
<p> reference content <a href= "?" > Baseline Alignment </a></p>
</li>
<li class= "Sub" >
<strong> subscript alignment with reference content </strong>
<p> reference content <a href= "?" > Subscript Alignment </a></p>
</li>
<li class= "Super" >
<strong> superscript alignment with reference content </strong>
<p> reference content <a href= "?" > Superscript Alignment </a></p>
</li>
<li class= "Top" >
<strong> object's content aligns with the top of the object </strong>
<p> reference content <a href= "?" > What to align </a></p>
</li>
<li class= "Text-top" >
<strong> object's text aligns with the top of the object </strong>
<p> reference content <a href= "?" > What to align </a></p>
</li>
<li class= "Middle" >
<strong> object's content aligns with the middle of the object </strong>
<p> reference content <a href= "?" > What to align </a></p>
</li>
<li class= "Bottom" >
<strong> object's content aligns with object bottom </strong>
<p> reference content <a href= "?" > What to align </a></p>
</li>
<li class= "Text-bottom" >
<strong> object's text aligns with the top of the object </strong>
<p> reference content <a href= "?" > What to align </a></p>
</li>
<li class= "Length" >
<strong> offset from baseline </strong>
<p> reference content <a href= "?" > Offset Alignment </a></p>
</li>
</ul>
</body>
VERTICAL-ALIGN_CSS Reference manual _web front-end Development Reference manual series