Hola, tengo el siguiente código:
Código:
<style>
body {
background:transparent url(fondo.jpg) repeat scroll 0 0;
color:gray;
font-family:helvetica,arial,sans-serif;
font-size:14px;
text-align:center;
}
.post {
color:gray;
margin-bottom:10px;
max-width:200px;
word-wrap: break-word;
}
.post h3 {
color:orange;
background:#0F0F0F;
border-width: 1px;
border-style:solid;
border-color:333333;
padding:5px 10px;
}
.post_body {
color:white;
background:black;
line-height:19px;
padding:5px 10px;
border-width: 1px;
border-style:solid;
border-color:333333;
}
#cuadro {
width:100px;
height: 65px;
padding:5px 10px;
background-color:#000;
border: solid #222 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
</style>
<div id=cuadro>
<font color=red>hola mundo
dsa
da
dsa
dsaads
dsa
das
dsa
</font>
</div>
dsadsadsa
<div class="post">
<h3>Menusaddddddddddddddddddddddddddddddddddddddddd</h3>
<div class="post_body">saddasddsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</div>
El tema esta en los .post. La idea es que los dos cuadros que genera se vean juntos no separados , pero el resultado en este código es que los cuadros post y post_body se separan verticalmente mostrando un espacio que arruina el efecto del cuadro de título y contenido.
Se ve asi :
Necesito que se vea asi :
¿ Que estoy haciendo mal ?