Работа со својството display во CSS

Веќе знаете дека сите тагови припаѓаат на одреден блок модел. По желба, сепак, може да се смени моделот со помош на својството display. Со вредноста block на ова својство елементот може да се направи блоковски, а со вредноста inline - инлајн.

Ајде да ги направиме таговите span да се однесуваат како блоковски елементи:

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

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

А сега ајде да ги направиме таговите div да се однесуваат како инлајн:

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

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

Нека во вашиот HTML код имате неколку параграфи. Направете тие да се однесуваат како инлајн елементи.

Нека во вашиот HTML код имате неколку линкови. Направете тие да се однесуваат како блоковски елементи. Задајте им граница, ширина и висина.