•
CSS canh một phần tử div nằm giữa một phần tử div khác
Làm sao để style một phần tử <div>
với độ rộng nhất định nằm ở chính giữa một phần tử <div>
bao ngoài nó. Ví dụ như đoạn mã HTML ở dưới đây phần tử:
<div id="outer" style="border: 1px solid red;">
<div id="inner" style="border: 1px solid #333; width: 100px">Inner</div>
</div>
Thì phần tử div#inner
sẽ nằm giữa phần tử div#outer
?
Trước tiên bạn cần hiển thị phần tử
#outer
theo kiểu block:Sau đó sử dụng thuộc tính
margin
cho phần tử#inner
với giá trịauto
: