Trang chủ
HTML
Phân chia HTML
Thử: sử dụng flex
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> .mycontainer { display: flex; } .mycontainer > div { width:33%; } </style> </head> <body> <h1>Ví dụ về Flexbox</h1> <p>Căn chỉnh ba phần tử DIV cạnh nhau.</p> <div class="mycontainer"> <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.< /p> </div> </div> </body> </html>