CSS-те display қасиетімен жұмыс

Сіз барлық тегтердің белгілі бір блоктық модельге жататынын білесіз. Қаласақ, дегенмен, 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 кодыңызда бірнеше сілтеме бар делік. Олардың блоктық элементтер сияқты әрекет етуін жасаңыз. Оларға шекара, ені мен биіктігін тағайындаңыз.