Quiero conseguir mediante CSS una estructura tal que así:
El codigo que tengo es este:
Código PHP:
<div class='tarea'>
<div class='titulo_tarea'>
</div>
<div class='fecha_anadida_tarea'>
</div>
<div class='fecha_entrega_tarea'>
</div>
<div class='ver_tarea'>
</div>
</div>
Y el CSS:
Código PHP:
.tarea{
margin: auto;
width: 950px;
height:100px;
border: 1px solid #CCC;
margin-bottom: 20px;
background-color: white;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
text-align: justify;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.titulo_tarea{
height: 100px;
background-color: red;
width: 700px;
float: left;
}
.fecha_anadida_tarea{
height: 50px;
background-color: green;
width: 120px;
float:left;
}
.fecha_entrega_tarea{
height: 50px;
background-color: blue;
width: 120px;
float:left;
}
.ver_tarea{
height: 100px;
width: 100px;
background-color: yellow;
}