Correct markup for headers
How do I semanticly markup the headers in the article as presented in the picture below? I often run into this problem; where I have a header that is visually first, but is a subheading, intro header or less important then the main header. I could put it after the main header and move it above with CSS, but that isn't always a ideal solution. Another question: is there any special way to markup lead paragraphs? Not allowed? <article> <h2>New prodcut</h2> <h1>Launching our new x-series</h1> <p class="lead">Lorem ipsum dolor sit amet...</p> <p>Integer varius, turpis sit amet accumsan...</p> ...