How to use Display data cell in CSS3?

Friends, recently i came across a new CSS3 property called 'data-cell'.

We have to use this css3 property data cell, when we have a background image before the text.

If we will have some other image beside a title. Then we have to apply data cell to the title.

the format will be like this:

.myClass { display: data-cell; vertical-align: middle;}

Then the the will be aligned with the image.

Really this a fantastic property.

Try it once.