Apr
18

Vertical align to one line of text

By rzelazko // CSS Tricks // No Comments

Info

Setting vertical aligment to middle for one (!!!) line of text.

Solution

In css styles:

1
2
3
4
5

.mid {
height: 2em;
line-height: 2em;
background-color: #eee;
}

In html code:

1	<p class="mid">Lorem ipsum etc.</p>

Freelancer. Experienced J2EE, PHP, JS Developer. Advanced Linux user.

Leave a comment