Trang chủ
CSS
Khối nội tuyến CSS
Thử: Sử dụng thuộc tính hiển thị
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> span.a { display: inline; /* mặc định cho span */ width: 100px; chiều cao: 100px; phần đệm: 5px; đường viền: 1px màu xanh đậm; màu nền: màu vàng; } span.b { hiển thị: khối nội tuyến; chiều rộng: 100px; chiều cao: 100px; phần đệm: 5px; đường viền: 1px màu xanh đậm; màu nền: màu vàng; } span.c { hiển thị: khối; chiều rộng: 100px; chiều cao: 100px; phần đệm: 5px; đường viền: 1px màu xanh đậm; màu nền: màu vàng; } </style> </head> <body> <h1>Thuộc tính hiển thị</h1> <h2>display: inline</h2> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tiền đình do đó scelerisque ưu tú ngồi amet hậu quả. Aliquam erat volutpat. <span class="a">Aliquam</span> <span class="a">venenatis</span> gradida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet. </div> <h2>display: inline-block</h2> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tiền đình do đó scelerisque ưu tú ngồi amet hậu quả. Aliquam erat volutpat. <span class="b">Aliquam</span> <span class="b">venenatis</span> gradida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet. </div> <h2>display: block</h2> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tiền đình do đó scelerisque ưu tú ngồi amet hậu quả. Aliquam erat volutpat. <span class="c">Aliquam</span> <span class="c">venenatis</span> gradida nisl sit amet facilisis. Nullam cursus fermentum velit sed laoreet. </div> </body> </html>