The most semantic way of making this container

Question

I want to make the following shape using divs and border radius, with fall back to square corners for old browsers. No images please.

I am having a bit of trouble ma

Answer 1

You should also consider using dl element.

This HTML:

    
..
    
..
 

will have more pure semantics than nested divs, but is probably more awkward with only one "title-content" block.

At last h(1-6) elements will have more semantics than div class="header"