How do you make the type of headers that SitePoint has?

How do you make the headers that sitepoint uses here http://articles.sitepoint.com/

I’m talking about the titles on the left hand side such as “Topic” where the title overlaps the border.

Use negative margins (eg top:-10px;) to pull the relevant heading text up the page.

I’m not correcting Stevie, as a negative margin value can indeed be used, but the Sitepoint example uses absolute positioning of the h3 element with a negative top value. To position the h3 in relation to the parent element, the parent element has position:relative; applied.

Well yes … you are correcting me … because I got it wrong :eek:

…and in addition to what Victorinox and Stevie D already mentioned you might need to set a background-color for the heading

Thanks everyone. I will give it a try