is it possible to align text vertically within a div just using css class?
I saw this tutorial on the web which are compatible with IE but wish to avoid the span.
but cant make it to work. need some advice :)


  p.demo {
    border: 1px solid black;
    height: 200px;
    margin: 1.25em auto 0;
    width: 200px;

<!--[if lte IE 7]><style>

  .demo span
    display: inline-block;
    vertical-align: middle;  /*needed for the horizontal menu since
                               it's not inherited in this case*/

  .demo b
    display: inline-block;
    height: 100%;
    vertical-align: middle;





 <p class="demo"><span>Centering multiple lines
        <br />
        in a block container.</span>  <!--[if lte IE 7]><b></b><![endif]--></p>