<main>
  <header>
    <h1>Page Title</h1>
    <p>This is a paragraph outside of an article.</p>
  </header>
  <article>
    <h2>Article title</h2>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat sit suscipit voluptatibus veritatis quos, deserunt omnis labore? Quaerat, laborum dolorum!</p>
  </article>
  <article>
    <h2>Article title</h2>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fugiat sit suscipit voluptatibus veritatis quos, deserunt omnis labore? Quaerat, laborum dolorum!</p>
  </article>
</main>
p:not(article *) {
  font-weight: bold;
  color: #444;
  font-size: 125%;
  border-bottom: 1px solid #ccc;
}


















body {
  max-width: 700px;
  margin: 0 auto;
  font: 300 100%/1.4 system-ui;
  padding: 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.