Bạn có thể tham khảo sau:
html:
<div class="container">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
<div class="box">7</div>
<div class="box">8</div>
<div class="clearfix"></div>
</div>
css
.container {
width: 300px; /* Độ rộng của container */
}
.box {
width: 50px; /* Độ rộng của mỗi box */
height: 50px; /* Chiều cao của mỗi box */
background-color: #ccc;
margin-bottom: 10px; /* Khoảng cách dưới giữa các box */
float: right; /* Float box về bên phải */
}
.clearfix {
clear: both; /* Xóa float để container co dãn đúng kích thước */
}
Bạn có thể điều chỉnh kích thước và kiểu dáng của các box và container tùy thích theo yêu cầu của bạn.
Mong rằng sẽ giúp dc bạn gì đó
------
CÔNG TY TNHH CÔNG NGHỆ ZLINK VIỆT NAM
Cung cấp license phần mềm, Giải pháp hạ tầng mạng, tổng đài thoại, contact center, CRM
zlink.vn / azsoft.com / voip.com.vn
email:
[email protected] ;
[email protected]