title: How to vertically align text in IE7 without using CSS 'table-cell' property?
body: <p>I have fixed height divs that contain text in them. I would like the text to be vertically aligned in the middle of the div, but the problem lies in the fact that some of the text is single-line, and some splits itself over onto two lines. For IE8, Chrome and Firefox, using <code>display: table-cell</code> and <code>vertical-align: middle</code> provides the solution I need:</p>
  
  <p><a href="http://jsfiddle.net/Snorbuckle/CnmKN/" rel="nofollow noreferrer">JS Fiddle is here</a>. Take the asterisk off the <code>width: 300px</code> to see the formatting when the text is on one line.</p>
  
  <p>However, IE7 does not support the <code>display: table-cell</code> property. The only solutions I have found to this apply only to single lines, and not to text that may be 1 or 2 lines. How can I have it display in IE7 as it does in more modern browsers, without the use of any scripts?</p>