Arbeid med display-egenskapen i CSS

Du vet allerede at alle tagger tilhører en bestemt blokkmodell. Om ønskelig kan man imidlertid endre modellen ved hjelp av egenskapen display. Ved bruk av verdien block av denne egenskapen kan man gjøre elementet til et blokkelement, og ved bruk av verdien inline - til et inline-element.

La oss gjøre slik at taggene span oppfører seg som blokkelementer:

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

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

Og nå la oss gjøre slik at taggene div oppfører seg som inline-elementer:

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

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

La det i HTML-koden din være flere avsnitt. Gjør slik at de oppfører seg som inline- elementer.

La det i HTML-koden din være flere lenker. Gjør slik at de oppfører seg som blokkelementer. Tildel dem en ramme, bredde og høyde.