CSS vertical-align

vertical-align :

baseline :

See the Pen <a href='http://codepen.io/w3tr/pen/oLRYoJ/'>CSS vertical-align1</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

sub :

See the Pen <a href='http://codepen.io/w3tr/pen/WxBodG/'>CSS vertical-align2</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

super :

See the Pen <a href='http://codepen.io/w3tr/pen/kXdLvG/'>CSS vertical-align3</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

top :

See the Pen <a href='http://codepen.io/w3tr/pen/RRmoxz/'>CSS vertical-align4</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

text-top :

See the Pen <a href='http://codepen.io/w3tr/pen/KrLNQW/'>CSS vertical-align4</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

middle :

See the Pen <a href='http://codepen.io/w3tr/pen/KrLNoW/'>CSS vertical-align5</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

bottom :

See the Pen <a href='http://codepen.io/w3tr/pen/mEYOLb/'>CSS vertical-align7</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

text-bottom :

See the Pen <a href='http://codepen.io/w3tr/pen/KrLNRm/'>CSS vertical-align8</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

length :

See the Pen <a href='http://codepen.io/w3tr/pen/Pzvbaq/'>CSS vertical-align9</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>. 
See the Pen <a href='http://codepen.io/w3tr/pen/yJWVqo/'>CSS vertical-align10</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>. 
See the Pen <a href='http://codepen.io/w3tr/pen/xONRJy/'>CSS vertical-align11</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>. 
See the Pen <a href='http://codepen.io/w3tr/pen/vKwyao/'>CSS vertical-align12</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

W3TR

HTML, CSS