CSS'те display касиети менен иштөө

Сиз бардык тегдер белгилүү бир блоктуу моделге таандык экенин билесиз. Бирок каалоо боюнча, display касиетинин жардамы менен моделди өзгөртсө болот. Бул касиеттин block мааниси менен элементти блоктуу кылууга, inline мааниси менен болсо саптык кылууга болот.

Келгиле, span тегдери блоктуу элементтер сыяктуу аракет кылышсын:

<span>текст</span>
<span>текст</span>
<span>текст</span>

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

Эми болсо, div тегдери саптык элементтер сыяктуу аракет кылышсын:

<div>текст</div>
<div>текст</div>
<div>текст</div>

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

HTML кодуңузда бир нече абзац бар болсун. Алардын саптык элементтер сыяктуу аракет кылуусун камсыз кылыңыз.

HTML кодуңузда бир нече шилтеме бар болсун. Алардын блоктуу элементтер сыяктуу аракет кылуусун камсыз кылыңыз. Аларга чек, туурасы жана бийиктигин белгилеңиз.