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är är en länk</a> <a href="#2">Det här är en annan lä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är är en länk</a> <a href="#2">Det här är en annan länk</a>
Nästa artikel: Storlekar
