Hola me gustaría que me echarais un cable. Tengo unos divs y el contenido de dentro no se expande todo el width (en este caso es un <p>) lo he intentado todo y no se dar con la tecla, podeis echarme un cable?
aqui teneis un ejemplo:
https://jsfiddle.net/tiranium/e8w22j39/
HTML
Código HTML:
<div class="ficha_container">
<div class="ficha_row">
<div class="ficha_cell">
<h1>Financiación</h1>
<p>No hay datos registrados para este apartado.</p>
</div></div></div>
CSS
Código HTML:
.ficha_container{
display:table;
margin: 25px auto;
margin-left: 30px;
margin-right: 30px;
background-color: #F7F7F7;
border-radius: 10px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
overflow: hidden;
display: block;
}
.ficha_row{
display:table-row;
}
.ficha_cell{
display: table-cell;
padding: 15px;
}
.ficha_cell p{
background: pink;
text-align: center;
}
Solo consigo hacerlo con min-width: npx pero no me interesa hacerlo con medidas fijas.
gracias!!