How do I vertical center a label in a div?

Question

I have a div with a height of 30px.

I want to add plain text to this div. How can I make the plain text appear on the center of my div? i.e, the text will be shown 15px under the top of the div.

I tried a label with margin-top: 15; but it didn't work.

Answer 1

height: 30px; line-height: 30px; padding: 0; 

Answer 2

Following CSS would work

text-align:center; vertical-align:middle;  display:table-cell;