Nhiều phần tử nội dòng-khối cạnh nhau trong CSS
Nếu đặt nhiều phần tử nội dòng-khối cạnh nhau, chúng sẽ xếp thành một hàng, giống như các phần tử nội dòng:
<span>text</span>
<span>text</span>
<span>text</span>
span {
width: 100px;
height: 100px;
margin-bottom: 20px;
border: 1px solid red;
display: inline-block;
}
:
Cho các thẻ div:
<div class="elem">text</div>
<div class="elem">text</div>
<div class="elem">text</div>
div {
width: 100px;
height: 100px;
border: 1px solid red;
}
Hãy xếp các thẻ div này thành một hàng bằng cách chuyển chúng thành các phần tử nội dòng-khối.
