Text alignment test

by davidelrizzo

HTML

<p>
    First line of text.</br>
    Second <b class="top">line</b> of text.</br>
    Third line of text.
</p>

</hr>

<p>
    First line of text.</br>
    Second <b class="middle">line</b> of text.</br>
    Third line of text.
</p>

</hr>

<p>
    First line of text.</br>
    Second <b class="bottom">line</b> of text.</br>
    Third line of text.
</p>

CSS

body { pading:2em; font:14px sans-serif; }
b { font-size:22px; color:#999; }
b.top { vertical-align:top; }
b.middle { vertical-align:middle; }
b.bottom { vertical-align:bottom; }