Chủ đề tổng hợp

header ads

Mẫu thẻ div chia 2 cột tùy chỉnh độ rộng phù hợp xem trên điện thoại

1 Phút Dành Cho Quảng Cáo

1. Thẻ Css :
<style>
.left {
float: left;
width: 70%;
}
.right {
float: right;
width: 30%;
}
.group:after {
content:"";
display: table;
clear: both;
}
img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 480px) {
.left,
.right {
float: none;
width: auto;
}
}
</style>
2. Thẻ Div :
<div class="group">
<div class="left">
<p>Nội dung cột trái </p>
</div>
<div class="right"><img src="https://lh4.googleusercontent.com/-YVuwVEzwxZ0/WC1h1uagnII/AAAAAAAABjU/7wKVGDDe19se1Mu9yRsGfvLuqCQM0GdmwCLcB/s1600/Sangocaosu1.jpg" alt="Sàn gỗ tự nhiên" /><br/>
Sàn gỗ tự nhiên - gỗ cao su - giá Chỉ 460.000đ/m2 Liên hệ : 0968.970.650

</div>
</div>

Đăng nhận xét

0 Nhận xét

An tâm mua sắm tại nhà - giao hàng tận nơi - chẳng lo về giá

Shop tại nhà
NCC thớt gỗ, ván ghép, mdf
Tắt Ads

Xem Page Nhà Tài Trợ Click here

Tắt Ads

Máy Ép Chậm
Nồi chiên không dầu
Điện Thoại
LapTop Giá Rẻ
Máy xay sinh tố
1368.com.vn