Hola!!
Tengo un problemita...
Tengo una cajita que dentro contiene imagenes y texto, y queria que el texto quede a los margenes de la imagen. Por lo que toque los float's de la imagen.
Ahora bien, logro el efecto deseado, pero ahora la caja no encierra todo el contenido.
Mi html:
Código:
<div class="box">
<div class="boxtitle">
<p>Mi cajita</p>
</div>
<div class="boxcontent">
<img src="css/winxp_beta2_wmp8full.gif" style="float:left; padding-right:12px;" height="100" >
<p>Esto es poco contenido y la imagen tiene mayor heigth, por lo que la imagen queda fuera de la cajita provocando un efecto... no deseado.</p>
</div>
</div>
Mi css en cuestion:
Código:
.box {
border: 1px solid #000;
margin: 0px 0px 8px 0px;
}
.boxtitle{
color: #FFF;
background: #000;
padding: 4px;
font-weight: bold;
}
.boxcontent{
padding: 12px;
}
Por favor, cualquier aporte es de mucha ayuda.
Gracias.
