New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

# article

Defines a self-contained block of content that can exist in any context.
It can have its own header, footer, sections... Useful for a list of blog posts.

Example: Copy

My blog post

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.

Posted on in Code 
<article>
  <header>
    <h3>
      <a href="/my-blog-post">My blog post</a>
    </h3>
  </header>
  <section>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
  </section>
  <footer>
    <small>
      Posted on <time datetime="2017-04-29T19:00">Apr 29</time> in <a href="/category/code">Code</a>
    </small>
  </footer>
</article>