Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> p{font-size:30px;} .baseline { vertical-align: baseline; } .text-top { vertical-align: text-top; } .text-bottom { vertical-align: text-bottom; } .sub { vertical-align: sub; } .super { vertical-align: super; } </style> <h2>Css Vertical Align Properties</h2> <h2>baseline</h2> <p>Image <img class="baseline" src="../../../images/forum1.png" width="20" height="20"> default </p> <h2>text-top</h2> <p>Image <img class="text-top" src="../../../images/forum1.png" width="20" height="20"> default </p> <h2>text-bottom</h2> <p>Image <img class="text-bottom" src="../../../images/forum1.png" width="20" height="20"> default </p> <h2>sub</h2> <p>Image <img class="sub" src="../../../images/forum1.png" width="20" height="20"> default </p> <h2>super</h2> <p>Image <img class="super" src="../../../images/forum1.png" width="20" height="20"> default </p>
