JSFiddle - React, Tailwind, and code Playground

by Rolf

HTML

<header>
  <h1>Grundgesetz der Bundesrepublik Deutschland</h1>
</header>
<main>
  <article>
    <h2>Präambel</h2>
    <p>Im Bewußtsein seiner Verantwortung vor Gott und den Menschen,</p>
    <p>von dem Willen beseelt, als gleichberechtigtes Glied in einem vereinten Europa dem
    Frieden der Welt zu dienen, hat sich das Deutsche Volk kraft seiner verfassungsgebenden
    Gewalt dieses Grundgesetz gegeben.</p>
    <p>Die Deutschen in den Ländern Baden-Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg,
    Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland,
    Sachsen, Sachsen-Anhalt, Schleswig-Holstein und Thüringen haben in freier Selbstbestimmung
    die Einheit und Freiheit Deutschlands vollendet. Damit gilt dieses Grundgesetz für das gesamte
    Deutsche Volk.</p>
  </article>
</main>

CSS

h1, h2 {
  border: 1px dotted green;
}
h1 {
  font-size: 1.5em;
}

h1::after {
  content: " ";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background-color: blue;
  margin-left: 0.2em;
}

h2 {
  font-size: 1.2em;
  position: relative;
}

h2::after {
  content: " ";
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 0;
  right: 0;
  background-color: green;
}