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&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 >>>

Här kan du bygga en hemsida enkelt

Nuförtiden ingår professionella program - du behöver inte ens kunna webbspråk själv.
Ta en titt.

Fler tips på webbhotell

Registrera domän
Använd sökfunktionen nedan för att se om ditt domännamn är ledigt.

blog comments powered by Disqus
Webbdesigna.se