Tekstkolom


De min-hoogte van #container is aangepast. Hier boven staan twee blokken: een linker- en een rechterkolom.

De stijlcode (css) daarvoor is:

#left {
float: right;
width: 390px;
}

#right {
float: right;
width: 390px;
}

In de htmlcode:
<div id="left">Tekst </div>
<div id="right">Tekst </div>

Geeft de kolommen een hoogte van 300px en geef de tekst een vrije ruimte; "padding" (opvulling) met Kompozer>(CasCadeS) Ga naar de tab Blok en kies opvulling.
Let op de opvulling wordt bij de totale breedte opgeteld.

Bekijk de broncode en ga weer experimenteren.

Klik op het vergrootglas (Bekijken) om het resultaat in een browser te zien.

Ga verder met oefening 10.