I need to provide vertical and horizontal alignment of text in a table cell. Text that does not fit into the table should overflow. If I use a CSS: vertial-align, adjust the width of the cell ignores the stretch.
.ramec {
table-layout: fixed;
display: table;
width:49mm;
height:15mm;
margin-left:auto;
margin-right:auto;
background-color: rgb(230,230,230);
line-height:10px;
overflow:hidden;
white-space:nowrap;
padding:1px;
}
.ramec2 {
display: table-cell;
vertical-align: middle;
}
<div class="ramec">
<div class="ramec2">
<p><? echo $zobraz_nahled; ?></p>
</div>
</div>