.container { position: relative; } .text-block { position: absolute; top: 0; left: 0; z-index: 2; } .covered-div { position: relative; z-index: 1; } Problem: Floated elements or negative margins cause text to overlay another div.
Add padding or margin to the target div equal to the header height: divxatope
It sounds like you're running into a where a solid block of text is overflowing or "covering" a <div> (or vice versa), possibly due to position: absolute , z-index , or float/clear issues. .container { position: relative