Horizontaal centreren
Het is soms heel handig om een website verticaal horizontaal te centreren, maar de tekst netjes links (of justified) uit te lijnen. In vroeger tijden, toen het gebruik van tabellen nog geen enkel probleem was, gebruiktje je hier een tabel voor. Maar tijden veranderen, websites maken ook. Nu moet je gaan voor een CSS oplossing. Gelukkig is die er ook.
CSS:
body {
text-align: center;
margin: auto 0;
}
#wrapper {
text-align: left;
}
Op de body centreren we de boel en stellen we dat we boven en onder automatisch de benodigde ruimte willen vullen, links en rechts willen we geen ruimte bewaren.
De html vereist zeer weinig extra's. Eigenlijk slechts één div direct na de body:
<body> <div id="wrapper"> Gecentraliseerd, maar links uitgelijnd. </div> </body>
Updated: Verkeerde code en naam bij het artikel gezet. Met dank aan Jan en alleman.
Reacties
:/ Verticaal centreren krijg ik een uitleg over HORIZONTAAL centreren .. omg
Da's idd een stomme fout. Dank voor het melden.
Reageer
Reageren? Stuur een trackback (Zet Javascript aan om een Trackback URL te genereren ) of gebruik onderstaand formulier.