Middle box in a div

by anbinhtrong

HTML

<div style="margin: 5px; width: 250px; border: solid 1px; height: 100px;">
  <div class="centerBox" style="height: 100px;">Hello World</div>
</div>        
<div style="margin: 5px; width: 250px; border: solid 1px; height: 100px;">
  <div class="centerBox" style="height: 100px; width: 250px;">Hello World</div>
</div>

CSS

.centerBox
{        
  /* Firefox */
  display:-moz-box;
  -moz-box-orient:vertical;
  -moz-box-pack:center;
  -moz-box-align:center;
  
  /* Safari and Chrome */
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  
  /* W3C */
  display:box;
  box-orient:vertical;
  box-pack:center;
  box-align:center;
}