Vertical and horizontal text align with fixed width / lenght

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>

try this

.ramec {         
  table-layout: fixed;
  display: table;
  width:49mm;
  height:15mm;
  margin-left:auto;
  margin-right:auto;
  background-color: rgb(230,230,230);
  font-size:10px;
  line-height:10px;
  overflow:hidden;
  padding:1px;
}