Trang chủ
CSS
CSS nổi
Ví dụ
Hãy thử: Để hình ảnh có chú thích nổi sang bên phả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> div { float: right; chiều rộng: 120px; lề: 0 0 15px 20px; phần đệm: 15px; đường viền: màu đen đặc 1px; căn chỉnh văn bản: giữa; } </style> </head> <body> <h2>Để hình ảnh có chú thích nổi sang bên phải</h2> <p>Trong đoạn văn bên dưới, phần tử div rộng 120 pixel và nó chứa hình ảnh. Phần tử div sẽ nổi sang bên phải. Lề được thêm vào div để đẩy văn bản ra khỏi div. Đường viền và phần đệm được thêm vào div để đóng khung trong ảnh và chú thích.</p> <div> <img src="w3css.gif" width="100" Height="140"><br>CSS rất thú vị ! </div> <p> Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. Đây là một số văn bản. </p> </body> </html>