Aligning Text Vertically Center

THIS text is vertically center aligned

HTML
<div class="container">
 <div class="txt">
  <p>THIS text is vertically center aligned</p>
 </div>    
</div>

CSS
<style type="text/css">
 .container{margin: 0 auto; 
  display: block;}
 .container .txt{display: table;
  width: 200px; 
  height: 200px; 
  border: 2px solid red;
  padding: 10px; 
  margin:  0 auto;
  text-transform: uppercase;
  text-align: center;}
 .container .txt p{vertical-align: middle;
  display: table-cell;}

</style>