Display

Inline- och blockelement

Vad är ett 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-element.

Vad är ett inline-element?

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

Display i praktiken

Det här är en länk Det här är en annan länk

Så här ser koden ut:

<p><a href="#1">Det h&auml;r &auml;r en l&auml;nk</a> <a href="#2">Det h&auml;r &auml;r en annan l&auml;nk</a> </p>

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 en länk Det här är en annan länk

Hela koden:

<a href="#1" style="display:block;">Det h&auml;r &auml;r en l&auml;nk</a> <a href="#2">Det h&auml;r &auml;r en annan l&auml;nk</a>

Nästa artikel: Storlekar

Valid XHTML 1.0 Strict Valid CSS!