Trang chủ
CSS
CSS nổi
Ví dụ
Thử: Để hình ảnh nổi sang bên phải trong đoạn văn
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> img { float: right; đường viền: 1px chấm đen; lề: 0px 0px 15px 20px; } </style> </head> <body> <h2>Để hình ảnh nổi sang bên phải trong một đoạn văn</h2> <p>Trong đoạn văn bên dưới, hình ảnh sẽ nổi sang bên phải. Một đường viền chấm đen được thêm vào hình ảnh. Chúng tôi cũng đã thêm lề vào hình ảnh để đẩy văn bản ra khỏi hình ảnh: lề 0 px ở phía trên và bên phải, lề 15 px ở phía dưới và lề 20 px ở phía bên trái của hình ảnh. </p> <p><img src="w3css.gif" width="100" Height="140"> Đâ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>