vertical alignment of span tag

Fri Feb 24, 2012 11:12 pm

In this example we present vertical alignment of span tag in two cases sub and super. This in useful in cases like: presenting power of a number.

Code:: <html> <head> <title>span vertical align </title> <style type='text/css'> span.superSpan { vertical-align: super; } span.subSpan { vertical-align: sub; } </style> </head> <body> <p> this part of text is sub : <span class='subSpan'>lowered</span> </p> <p> ths part of text is super :<span class='superSpan'>raised</span> </p> </body> </html>