Arbete med egenskapen display i CSS

Du vet redan att alla taggar tillhör en specifik blockmodell. Om man vill kan man dock ändra modellen med hjälp av egenskapen display. Med värdet block för denna egenskap kan man göra ett element till ett blockelement, och med värdet inline - till ett inline-element.

Låt oss göra så att taggarna span uppför sig som blockelement:

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

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

Och nu låt oss göra så att taggarna div uppför sig som inline-element:

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

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

Låt dig i HTML-koden ha flera stycken. Gör så att de uppför sig som inline- element.

Låt dig i HTML-koden ha flera länkar. Gör så att de uppför sig som block- element. Ge dem en kant, bredd och höjd.