title: CSS not placing text in middle of DIV asp.net c#
body: <p>I've got the following page. <a href="http://jsfiddle.net/r1mymj25/" rel="nofollow">http://jsfiddle.net/r1mymj25/</a>. I'm having trouble trying to get the text in the QDetails to be placed in the middle of the DIV using CSS.</p>
  
  <pre><code>#QDetails{
     height:25px; 
     top:40px; 
     background-color:white; 
     text-align:center; 
     font-size:small; 
     border-color:black; 
     border-width:2px; 
     border-style:solid; 
     font-family: Arial, Helvetica, sans-serif; 
     vertical-align:middle;
  }
  </code></pre>
  
  <p>I've managed to centre it but not place it in the middle. I've tried "vertical-align:middle;" but no joy. What am I doing wrong please?</p>