Display
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är är länk 1 (utan målsida) </a><a href="#">Det här ä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är är länk 1 (utan målsida) </a><a href="#">Det här är länk 2 (utan målsida)</a>
Nästa artikel: Storlekar
<<< Boxmodellen || Storlekar >>>
Relaterat:
