Работа са ўласцівасцю 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 кодзе ёсць некалькі спасылак. Зрабіце так, каб яны паводзілі сябе як блокавыя элементы. Задайце ім мяжу, шырыню і вышыню.