CSS-da bir nechta qator-blok elementlarni yonma-yon joylashtirish
Agar bir nechta qator-blok elementlarni yonma-yon joylashtirsangiz, ular qatorda joylashadi, xuddi qator elementlari kabi:
<span>matn</span>
<span>matn</span>
<span>matn</span>
span {
width: 100px;
height: 100px;
margin-bottom: 20px;
border: 1px solid red;
display: inline-block;
}
:
Div elementlari berilgan:
<div class="elem">matn</div>
<div class="elem">matn</div>
<div class="elem">matn</div>
div {
width: 100px;
height: 100px;
border: 1px solid red;
}
Ushbu div elementlarni qator-blok elementlarga o'zgartirib, ularni qatorda joylashtiring.