Kufanya Kazi na Sifa display katika CSS

Tayari unajua kuwa vitambulisho vyote vinalingana na muundo fulani wa block. Ikiwa unataka, hata hivyo, unaweza kubadilisha muundo kwa kutumia sifa display. Kwa kutumia thamani block ya sifa hii kipengele kinaweza kufanywa kuwa cha kuzuia (block), na kwa kutumia thamani inline - kinaweza kufanywa kuwa cha mstari (inline).

Wacha tufanye vitambulisho span viweze kuwa kama vipengele vya kuzuia (block):

html<span>maandishi</span>
<span>maandishi</span>
<span>maandishi</span>

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

Результат:

Sasa wacha tufanye vitambulisho div viweze kuwa kama vipengele vya mstari (inline):

html<div>maandishi</div>
<div>maandishi</div>
<div>maandishi</div>

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

Результат: