1
edit
Changes
→Usage Examples
== Usage Examples ==
===baseline===
<pre>
img{vertical-align:baseline;}/*The element is placed on the baseline of the parent element*/
</pre>
===sub===
<pre>
img{vertical-align:sub}/*Aligns the element as it was subscript*/
</pre>
===super===
<pre>
img{vertical-align:super}/*Aligns the element as it was superscript*/
</pre>
===top===
<pre>
img{vertical-align:top}/*The top of the element is aligned with the top of the tallest element on the line*/
</pre>
===text-top===
<pre>
img{vertical-align:text-top}/*The top of the element is aligned with the top of the parent element's font*/
img{vertical-align:middle}/*The element is placed in the middle of the parent element*/
</pre>
===bottom===
<pre>
img{vertical-align:bottom}/*The bottom of the element is aligned with the lowest element on the line*/
</pre>
===text-bottom===
<pre>
img{vertical-align:text-bottom}/*The bottom of the element is aligned with the bottom of the parent element's font*/
</pre>
===length===
<pre>
img { vertical-align: -5px; }
img { vertical-align: 10mm; }
</pre> ===%===
<pre>
/*Aligns the element in a % value of the "line-height" property. Negative values are allowed*/