Werken met de display eigenschap in CSS

Je weet al dat alle tags tot een bepaalde blokmodel behoren. Als je wilt, kun je echter het model wijzigen met behulp van de eigenschap display. Met de waarde block van deze eigenschap kun je een element een blokken element maken, en met de waarde inline - een inline element.

Laten we ervoor zorgen dat de tags span zich als blokken elementen gedragen:

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

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

En laten we nu ervoor zorgen dat de tags div zich als inline elementen gedragen:

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

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

Stel dat je in de HTML-code verschillende alinea's hebt. Zorg ervoor dat ze zich als inline elementen gedragen.

Stel dat je in de HTML-code verschillende links hebt. Zorg ervoor dat ze zich als blokken elementen gedragen. Geef ze een rand, breedte en hoogte.