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 :)

<style>

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

 
  </style>
<!--[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;
    }

  

</style><![endif]-->

</head>

<body>

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