Ese es mi simple y gran problema. no puedo alinear el texto en la linea inferior de una imagen
Miren les pongo una captura de como me sale ami MAL y como tiene que ser BIEN
[url=http://www.subirimagenes.com/privadas-css-1116686.html]Ver Imagen: http://s3.subirimagenes.com:81/privadas/previo/thump_1116686css.jpg[/url]
Aqui esta el css son varias cajas que se reìten de un sitio dinamico
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>X_x</title>
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
#contenedor {
width:300px;
height: auto;
border:1px #00CC99 solid;
margin:50px 50px 50px 50px;
float:left;
}
#img {
width:100px;
height: auto;
color:#330033;
border:1px #999999 solid;
float:left;
}
#txt{
width:190px;
height:100%;
background-color:#33FF99;
float:right;
}
-->
</style>
</head>
<body>
<div id="contenedor">
<div id="img">
<img src="http://img.teoriza.com/messenger/iconos-gestuales-gratis-para-descargar-messenger-msn.jpg"/>
</div>
<div id="txt">
Este es el texto el cual se muestra en dos lineas
</div>
</div>
<div id="contenedor">
<div id="img">
<img src="http://img.teoriza.com/messenger/iconos-gestuales-gratis-para-descargar-messenger-msn.jpg"/>
</div>
<div id="txt">
Este es el texto el cual se muestra en dos lineas
</div>
</div>
<div id="contenedor">
<div id="img">
<img src="http://img.teoriza.com/messenger/iconos-gestuales-gratis-para-descargar-messenger-msn.jpg"/>
</div>
<div id="txt">
Este es el texto el cual se muestra en dos lineas
</div>
</div>
<div id="contenedor">
<div id="img">
<img src="http://img.teoriza.com/messenger/iconos-gestuales-gratis-para-descargar-messenger-msn.jpg"/>
</div>
<div id="txt">
Este es el texto el cual se muestra en dos lineas
</div>
</div>
</body>
</html>