Cấu trúc của đoạn HTML:
Bao gồm 1 thẻ div bao toàn bộ 2 thành phần con bên trong:
- 1 thẻ hình ảnh mục đích để làm ảnh nền.
- 1 thẻ div chứa nội dung cần trình bày để đưa vào giữa của thẻ div cha bao quanh.
CSS Trick:
Ở phần này thì mọi người chỉ để ý giúp mình 1 số chỗ này thôi:
#contentRelative {
position: relative;
}
#contentAbsolute {
position: absolute;
left: 0px;
right: 0px;
width: 500px;
margin: 0px auto;
}
Ghi chú: Để div có position reletive có text-align là center.
Sau đó: ở div có position: absolute ta để left: 0 và right:0 là nó sẽ tự động căn giữa.
Hehe :))
Nguồn tham khảo: https://letrantrunghieu.wordpress.com/2016/04/23/css-can-giua-thanh-phan-position-absolute-theo-chieu-ngang/
