Trang chủ
HTML
Phân chia HTML
Thử: sử dụng lưới
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> <head> <style> .grid-container { display: lưới; cột-mẫu-cột: 33% 33% 33%; } </style> </head> <body> <h1>Ví dụ về lưới</h1> <p>Căn chỉnh ba phần tử DIV cạnh nhau.</p> <div class="grid-container"> <div style= "background-color:#FFF4A3;"> <h2>London</h2> <p>London là thủ đô của nước Anh.</p> <p>London có hơn 13 triệu dân.</p> </div > <div style="background-color:#FFC0C7;"> <h2>Oslo</h2> <p>Oslo là thủ đô của Na Uy.</p> <p>Oslo có hơn 600.000 dân.</p > </div> <div style="background-color:#D9EEE1;"> <h2>Rome</h2> <p>Rome là thủ đô của Ý.</p> <p>Rome có gần 3 triệu dân cư dân.</p> </div> </div> </body> </html>