Työskentely Lohkotason Elementtien Kanssa

Lohkotason elementit ovat suorakulmaisia ja asettuvat päällekkäin, estäen muita elementtejä jakamasta samaa riviä. Tätä käyttäytymistä ohjaa CSS-ominaisuus display: block.

Tärkeimmät seikat lohkotason elementeistä:

• Oletusarvona display: block;
• Leveys ulottuu koko vanhemman säiliön leveydelle;
• Korkeus määräytyy sisällön mukaan, mutta sitä voidaan muokata CSS:llä;
• Alkaa aina uudelta riviltä;
• Ominaisuuksia kuten border, margin, padding, width ja height voidaan säätää.

Tarkastellaan esimerkkiä, jossa muokataan width, height ja margin -ominaisuuksia:

Tarkastellaan, kuinka voimme keskittää elementin sen vanhemman sisälle.