CODEWITHSUNDEEP
htmlcssheightvertical-alignment
midstack
midstack

Reputation: 2123

line height for % height

When I want to center text vertically in div, add line-height for example;

<div class="text"> Text </div>

.text{
   height:50px;
   line-height:50px;
 }

But if height:5%, how to give a value for line-height to center text vertically in div?

Upvotes: 0

Views: 266

Answers (1)

Ladineko
Ladineko

Reputation: 1981

If you wich to center text in the middle of the div just add :

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

to your div and it will allign it in the middle vertically.

CSS

<div class="text"> Text </div>

.text{
   height:50px;
   display:table-cell;
   vertical-align:middle;
 }

Example http://jsfiddle.net/JaP22/

Upvotes: 1

Related Questions