Código
<div id="contenedor_contenido"> <table class="table table-striped"> <tr> <td class="left"> <!-- COLUMNA IZQUIERDA !--> <div class="column1"> <div class="titulo"> Esto es un título de prueba </div> <div class="imagen_portada"> </div> <div class="descarga"> </div> </div> </td> <td class="derecha"> <!-- COLUMNA DERECHA !--> <div class="column2-twitter"> </div> <div class="twitter"> </div> </td> </tr> </table> </div>
Código
.left { max-width: 860px; height: auto; background-color: rgb(255, 255, 255); margin-top: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 5px solid rgb(65, 185, 74); float: left; margin-right: 10px; color: #636161; border-left: 1px solid rgba(107, 107, 107, 0.11); border-right: 1px solid rgba(107, 107, 107, 0.11); border-bottom: 1px solid rgba(107, 107, 107, 0.11); margin-bottom: 20px; } .derecha { float: right; max-width: 310px; height: auto; background-color: white; margin-top: 20px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 5px solid rgb(255, 90, 64); border-left: 1px solid rgba(107, 107, 107, 0.11); border-right: 1px solid rgba(107, 107, 107, 0.11); border-bottom: 1px solid rgba(107, 107, 107, 0.11); margin-bottom: 20px; } .column1 { max-width: 845px; color: #4e4e4e; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; text-align: justify; }
Este es el código T.T a ver si podes ayudarme
| HEADER |
| columna 1 | | Columna 2|