este es mi clase
Caja principal
.t3 {background: url(images/dot.gif) 0 0 repeat-x; float: left; width: 42em}
.b3 {background: url(images/dot.gif) 0 100% repeat-x}
.l3 {background: url(images/dot.gif) 0 0 repeat-y}
.r3 {background: url(images/dot.gif) 100% 0 repeat-y}
.bl3 {background: url(images/rcnabajoiz.gif) 0 100% no-repeat}
.br3 {background: url(images/rcnabajoder.gif) 100% 100% no-repeat}
.tl3 {background: url(images/rcnarribaiz.gif) 0 0 no-repeat}
.tr3 {background: url(images/rcnarribader.gif) 100% 0 no-repeat; padding:10px}
Tabla izquierda y derecha que van dentro de mi caja principal
.DivRev1 {
float: left;
width: 10em;
}
.DivRev2 {
padding:10px;
float: right;
}
codigo
html
<div class="t3"> <div class="b3"> <div class="l3">
<div class="r3"> <div class="bl3"> <div class="br3">
<div class="tl3"> <div class="tr3">
Este texto si queda dentro de mi caja
pero estos divs no quedan dentro de mi caja
Código:
</div><div class="DivRev1">este es el izquierda </div> <div class="DivRev2">este es el de derecha </div>
</div>
</div></div></div>
</div></div></div>
alguien me puede ayudar !