CSS-de display häsiýeti bilen işleşmek

Size bellidir, ähli tegler belli bir blok modeline degişlidir. Emma isleseňiz, display häsiýetini ulanyp bu modeli üýtgedip bolýar. Bu häsiýetiň block bahasy bilen element blokly, inline bahasy bilen bolsa setir görnüşinde edilip bolýar.

Geliň, span tegleriniň blok elementler ýaly hereket etmegini üpjün edeliň:

<span>tekst</span>
<span>tekst</span>
<span>tekst</span>

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

Indi bolsa, div tegleriniň setir elementler ýaly hereket etmegini üpjün edeliň:

<div>tekst</div>
<div>tekst</div>
<div>tekst</div>

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

HTML kodyňyzda birnäçe abzas bolsun. Olar setir elementler ýaly hereket etsinler diýip üpjün ediň.

HTML kodyňyzda birnäçe çykgyt bolsun. Olar blok elementler ýaly hereket etsinler diýip üpjün ediň. Olara çägini, ini we beýikligini belleň.