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

How do you make the headers that sitepoint uses here

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