<article>

The <article> element represents a self-contained composition — such as a blog post, widget, or forum post — that can stand alone and be independently distributed.

It carries semantic meaning that distinguishes it from a generic <div>.

Add .card for visual styling (background, shadow, border-radius), see more at Card section.

Basic Usage

By default, the <article> element has no visual styling.

<article>
  <h2>Hello World</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor.</p>
</article>