Hola pekotes.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title lang='es'>un ejemplo simple</title>
<style type="text/css">
.baseline { vertical-align: baseline; }
.middle { vertical-align: middle; }
.sub { vertical-align: sub; }
.super { vertical-align: super; }
.text-top { vertical-align: text-top; font-size: x-small;}
.text-bottom { vertical-align: text-bottom; font-size: x-small;}
.top { vertical-align: text-top; font-size: x-small;}
.bottom { vertical-align: text-bottom; font-size: x-small;}
.porcentaje { vertical-align: 50%; }
.medida { vertical-align: -1em; }
</style> </head>
<body>
<p>parrafo con <em class='baseline'>em alineado verticalmente</em></p>
<p>parrafo con <em class='middle'>em alineado verticalmente</em></p>
<p>parrafo con <em class='sub'>em alineado verticalmente</em></p>
<p>parrafo con <em class='super'>em alineado verticalmente</em></p>
<p>parrafo con <em class='text-top'>em alineado verticalmente</em></p>
<p>parrafo con <em class='text-bottom'>em alineado verticalmente</em></p>
<p>parrafo con <em class='top'>em alineado verticalmente</em></p>
<p>parrafo con <em class='bottom'>em alineado verticalmente</em></p>
<p>parrafo con <em class='porcentaje'>em alineado verticalmente</em></p>
<p>parrafo con <em class='medida'>em alineado verticalmente</em></p>
<a href="http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#q22">css2</a>
</body> </html>