05 Apr, 2009

Vertikaal centreren met line-height

Categoriën: Xhtml Strict |centreren |crossbrowser

Je kan bijvoorbeeld tekst (links, tekst, quotes) vertikaal centreren ten opzichte van zijn parent element door geschikt line-height te gebruiken.

HTML

<div class="liner">
<p>inhoud komt hier</p>
</div>

CSS

div.liner {
height:100px;
border: 1px solid #888;
}
div.liner *{
margin: 0;
}
div.liner p {
line-height:100px;
}

Gerelateerde Snippets

Geen reakties op "Vertikaal centreren met line-height"

Reaktie formulier


Demo: Vertikaal centreren met line-height:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.