Welcome Login

Css: vertical-align


Css

Text alignment:

Eg: you can raise or lower text or char, say a copyright symbol to a specific position above adjacent text using the vertical-align property and a percentage.

<span style="vertical-align:25%;">©</span> Andrew Sin 2011

 

Outputs:

css-verticalalign1

 

 

Aligning inline-block elements (or divs) to top of container div element:

By default, css vertical-align is set at baseline.

Eg: aligning elements (button and image) to top of div container element:

vertical-align: top

 

Outputs: with and without css vertical-align:top style:

css-verticalalign2

 

 

For more information, see here.


Created on: Tuesday, March 29, 2011 by Andrew Sin