Arbejde med display egenskaben i CSS

Du ved allerede, at alle tags tilhører en bestemt blokmodel. Ved ønske kan man dog ændre modellen ved hjælp af egenskaben display. Ved hjælp af værdien block for denne egenskab kan man gøre elementet til et blokelement, og ved hjælp af værdien inline - til et inline-element.

Lad os gøre sådan, at span tags opfører sig som blokelementer:

<span>text</span>
<span>text</span>
<span>text</span>

span {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid red;
	margin-bottom: 20px;
}

Og nu lad os gøre sådan, at div tags opfører sig som inline-elementer:

<div>text</div>
<div>text</div>
<div>text</div>

div {
	display: inline;
	width: 100px;
	height: 100px;
	border: 1px solid red;
}

Lad der i din HTML-kode være flere afsnit. Gør sådan, at de opfører sig som inline- elementer.

Lad der i din HTML-kode være flere links. Gør sådan, at de opfører sig som blokelementer. Giv dem en kant, bredde og højde.