Finally! The best way to overlap elements on a Web page! It's not a negative margin or small line-height the effect of which varies from browser to browser. It's a combination of position and z-index.
When you position multiple elements and they overlap, use z-index to specify which one should appear "on top."By the way. This example used relative positioning. Since the H2 text has the higher z-index value, it appears on top of the H1 text. (IE 4 for Mac is buggy, and places H1 on top.) You must use plain integers for the values. z-index works for elements that are positioned absolutely or relatively.