JSFiddle - React, Tailwind, and code Playground

HTML

<div class="links">
</div>
<div class="rechts">
  <h1>Responsive: Ăśberschrift bleibt zentriert</h1>
  <h3>... und der Rest auch</h3>
  <p>
    Adresse:
      Unsere Strasse 7
	  99999 Unsere Stadt
    <br>
    <br>
    Sonstige Informationen:
    Hier hier hier hier hier hier hier
    <br>
  </p>	
</div>

CSS

h1, h3 {text-align:center;}
div.links {width:20%;float: left;}
div.rechts {margin-left:20%; background-color:#c0c0c0;}
.rechts p {border: solid 4px red; margin-left:auto; margin-right: auto;

               max-width: 330px;