<html>
<head>
<meta charset="utf-8">
<style type="text/css">
img{width:20%; margin:10px}
.igual{vertical-align:baseline;}
.arriba{vertical-align:top;}
.centro{vertical-align:middle;}
.abajo{vertical-align:bottom;}
</style>
</head>
<body>
<p> Línea de texto igual<img class="igual" src="img/gato.jpg">con una imagen</p>
<p> Línea de texto arriba<img class="arriba" src="img/gato.jpg">con una imagen</p>
<p> Línea de texto abajo<img class="abajo" src="img/gato.jpg">con una imagen</p>
<p> Línea de texto centrada<img class="centro" src="img/gato.jpg">con una imagen</p>
</body>
</html>
|