JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <aside>
    Teaser - sehr spannend! Wirklich eine tolle Sache, muss man lesen
  </aside>
  <header>
  <h2>Ăśberschrift</h2>
  </header>
  <h3>
  The fat title
  </h3>
  <p>
  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.  Lorem ipsum dolor sit amet.
  </p>
</section>

CSS

section {
  background-color: #cc4;
}
section header h2 {
  background-color: #4c4;
  padding: 0.4em 1rem; margin:0;
}
p {
  background-color: #cc4;
  padding: 0.4em 1rem; margin:0; text-align:justify;
}
section h3 {
  padding: 0.4em 1rem; margin:0;
}
aside {
  float:right;
  top: -3rem; margin: 1em; 
  width: 4rem;
  z-index: 1;
  background-color: #69f;
}