Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width,init-scale=1"> <link rel="stylesheet" href= "https://www.w3-container"> <h2>Kết hợp: Điện thoại di động và Máy tính xách tay</h2> <p>Bạn có thể kết hợp các lớp để tạo ra một bố cục năng động và linh hoạt. Ví dụ này sẽ tạo bố cục hai cột với tỷ lệ phân chia 83,34%/16,66% (l10, l2) trên màn hình lớn và tỷ lệ phân chia 50%/50% (s6, s6) trên màn hình nhỏ:</p> <p>Hãy thử thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng.</p> </div> <div class="w3-row"> <div class="w3-col l10 s6 w3-green w3-center"><p>l10 s6 </p></div> <div class="w3-col l2 s6 w3-dark-grey w3-center"><p>l2 s6</p></div> </div> <div class=" w3-row w3-container"> <p>Bên trong một thùng chứa:</p> <div class="w3-row"> <div class="w3-col l10 s6 w3-green w3-center"><p> l10 s6</p></div> <div class="w3-col l2 s6 w3-dark-grey w3-center"><p>l2 s6</p></div> </div> </div > </body> </html>