HTML5 Tag Cross Browser Test

by Travis

HTML

<article id="content">
    
    <section id="main">
        <h1>Main Content</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque sed nobis sunt fugiat quaerat placeat consequuntur rerum blanditiis necessitatibus corporis quam vel. Similique dolore vitae rem modi voluptatem voluptatum minima.</p>
    </section>
    
    <aside id="sub">
        <h1>Sub Content</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia tempora rem cum ipsum aliquam modi in molestias dignissimos illo deleniti? Laboriosam sit fuga quod reiciendis aliquam ducimus dicta dignissimos blanditiis!</p>
    </aside>
    
</article>

CSS

#content {background:#eee; padding:40px;}
#main {background:green; padding:1em;}
#sub {background:red; padding:1em;}