Yleinen lohko - div
div-elementti on yleinen lohkotason elementti, jota käytetään merkitsemään erilaisia lohkoja. Esimerkiksi kun lähdetään muotoilemaan Internetsivua ja käytetään CSS-tyylejä, tällöin täytyy käyttää div-elementtiä. Alla esimerkki navigointipalkista div-elementin sisällä:

<div class="navigointipalkki">
<ul>
<li>Alakoulu</li>
<li>Yläkoulu</li>
<li>Lukio</li>
<li>Kauppaoppilaitos</li>
<li>Ammattikoulu</li>
<li>Kansanopisto</li>
</ul>
</div>

Sivun muotoilu - CSS-tyylit


Dokumenttien ulkoasu määritellään CSS-tyylilomakkeen avulla. Kaikkiin uusimpiin selaimiin voi itse määritellä omat CSS-asetukset, joita käytetään oletuksena sivuja näytettäessä. Tyylit liitetään XHTML-dokumenttiin link-elementillä (head-elementin sisään) seuraavaan tapaan:

<link href="tyylit.css" rel="StyleSheet" type="text/css" />

Esimerkkisivu, jossa sivun ulkoasua on muuteltu erilaisilla CSS-tyyleillä:
http://css-tricks.com/examples/AlternateStyleSheets/