estilos propiedades

Ejemplo de vertical-aling

Código Resultado

Código	Resultado
<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>


	  <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>