Keskitetty sisältö, versio 3

Tämän sivun sisältölohko on pyydetty keskittymään näytölle käyttämällä suhteellista asemointia ja sijaintia siirtämällä. Lohkon keskittymiseen vaikuttavat deklaraatiot ovat:

#sisalto {
position:relative;/*Luodaan suhteellinen asemointimalli.*/
top:50%;/*Sijoitetaan lohko emonsa ½-väliin pystysuuntaisesti.*/
left:50%;/*Sijoitetaan lohko emonsa ½-väliin vaakasuuntaisesti.*/
/*Lopuksi keskitetään lohko siirtämällä sitä -50% molemmilla akseleilla:*/
transform:translate(-50%,-50%);
}

Voit kokeilla sivun mukautuvuutta muuttamalla tekstin kirjasinkokoa ja/tai muuntelemalla selainikkunasi kokoa.