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.example.com.vn/w3css/4/w3.css"> <body> <div class="w3-container"> <h1>Lớp <strong>w3-display-container</strong> </h1> <p>Hiển thị nội dung bên trong phần tử div có chiều cao cụ thể:</p> <div class="w3-display-container w3-green" style="height:300px;"> <div class=" w3-display-topleft">Trên cùng bên trái</div> <div class="w3-display-topright">Trên cùng bên phải</div> <div class="w3-display-bottomleft">Dưới cùng bên trái</div> < div class="w3-display-bottomright">Dưới cùng bên phải</div> <div class="w3-display-left">Trái</div> <div class="w3-display-right">Phải</div > <div class="w3-display-middle">Giữa</div> <div class="w3-display-topmiddle">Giữa trên</div> <div class="w3-display-bottommiddle">Giữa dưới </div> </div> <p>Hiển thị văn bản bên trong hình ảnh:</p> <div class="w3-display-container w3-text-white"> <img src="img_lights.jpg" alt=" Lights" style="width:100%"> <div class="w3-display-topleft w3-container"><p>Trên cùng bên trái</p></div> <div class="w3-display-topright w3 -container"><p>Trên cùng bên phải</p></div> <div class="w3-display-bottomleft w3-container"><p>Dưới cùng bên trái</p></div> <div class=" w3-display-bottomright w3-container"><p>Dưới cùng bên phải</p></div> <div class="w3-display-topmiddle"><p>Top Mid</p></div> <div class="w3-display-left w3-container">Trái</div> <div class="w3-display-right w3-container">Phải</div> <div class="w3-display-middle w3- lớn">Giữa</div> <div class="w3-display-bottommiddle"><p>Giữa dưới</p></div> <div class="w3-display-position w3-padding w3-red" style="top:100px;left:100px">Đã định vị</div> </div> <p>(Chúng tôi đã thêm các lớp w3-container và các phần tử p để có được phần đệm chính xác)</p> </div> </ cơ thể> </html>