I den här artikeln går jag igenom block och inline-element och visar dig hur du kan ange egenskaper som bestämmer om element ska staplas på varandra eller ej.

Blockelement

Till blockelement räknas de element som staplas på varandra "by default", dvs utan att du behöver ändra på några inställningar.

Till blockelementen räknas exempelvis stycken, tabeller och div-behållare.

Inlinelement

Ett element som är inline är med den svenska översättningen "på rad". Om ett inline-element placeras direkt efter ett annat element så kommer det att lägga sig omedelbart efter detta. Till inline-element hör exempelvis bilder och länkar.

Praktiska exempel

Det här är länk 1 (utan målsida) Det här är länk 2 (utan målsida)

Så här ser koden ut:

<a href="#">Det h&auml;r &auml;r länk 1 (utan målsida) </a><a href="#">Det h&auml;r &auml;r länk 2 (utan målsida)</a>

Genom att lägga till lite inline CSS enligt detta:

style="display: block;"

Så kommer länkarna att se ut så här:

Det här är länk 1 (utan målsida) Det här är länk 2 (utan målsida)

Hela koden:

<a href="#" style="display:block;">Det h&auml;r &auml;r länk 1 (utan målsida) </a><a href="#">Det h&auml;r &auml;r länk 2 (utan målsida)</a>

Nästa artikel: Storlekar

<<< Boxmodellen || Storlekar >>>

Hitta ett billigt webbhotell för din hemsida

12:-/mån
One Webbhotell Betyg
15:-/mån
Web10 Webbhotell Betyg
36:-/mån
Host Gator Webbhotell Betyg
36:-/mån
Surftown Webbhotell Betyg

Snabbguider

Nedanför finns information för dig som vill komma igång med en hemsida på snabbast möjliga sätt - utan fokus på webbspråk.