Mach mal - HTML, CSS und JavaScript ausprobieren!

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>HCL061 Ausrichtung</title>
    <style>
      .absatz {
        width: 30em;
        columns: 2; 
        column-gap: 1.8em; 
        column-rule: 5px dotted red;
      }
    </style>
  </head>
  <body>
    <h1 style="text-align:center; border-bottom:3px solid;">Mitteilung</h1>
    <p style="text-align:right; font-size:smaller">by John Doe</p>
    <p style="text-indent: 5%;" >Auf der Registerkarte ...</p>
    
    <p class="absatz">
      Natürlich muss der Text nicht immer Linksbündig sein. 
      Mit der text-align Eigenschaft (CSS) kann der Text 
      (ebenso andere inline-Element, z.B. img) auch 
      Zentriert, Rechtsbündig oder als Blocksatz dargestellt 
      werden. Einen Erstzeileneinzug erzeugt man mit text-indent. 
      Als Wert [value] sind positive oder negative absolute 
      Längenangaben, oder prozentual % relativ zur Breite möglich. 
      Besonders viel Text lässt sich mit Spalten übersichtlicher 
      gestalten – besonders wenn es zu einer Darstellung der 
      Webseite auf breiten Monitoren kommt.
    </p>
  </body>
</html>