Работа със свойството display в CSS

Вече знаете, че всички тагове принадлежат към определена блокова модель. При желание обаче може да смените модела със свойството display. Със стойност block на това свойство елементът може да се направи блоков, а със стойност inline - 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 да се държат като inline елементи:

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

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

Нека в HTML кода ви има няколко параграфа. Направете така, че те да се държат като inline елементи.

Нека в HTML кода ви има няколко връзки. Направете така, че те да се държат като блокови елементи. Задайте им граница, ширина и височина.