Stefan Münz: Text/Wörter/Bild in jeder ecke

Beitrag lesen

Hallo,

ich bin der ursprüngliche Gründer dieses Forums und hier gerade mal zufällig wieder reingeschneit. Die Antworten hier haben mich spontan dazu verleitet, kundzutun, welche Antwort ich dir heute geben würde:

<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-display-container w3-green" style="height:250px;">
  <div class="w3-display-topleft w3-padding">Top Left</div>
  <div class="w3-display-topright w3-padding">Top Right</div>
  <div class="w3-display-bottomleft w3-padding">Bottom Left</div>
  <div class="w3-display-bottomright w3-padding">Bottom Right</div>
  <div class="w3-display-left w3-padding">Left</div>
  <div class="w3-display-right w3-padding">Right</div>
  <div class="w3-display-middle w3-padding">Middle</div>
  <div class="w3-display-topmiddle w3-hide-small w3-padding">Top Middle</div>
  <div class="w3-display-bottommiddle w3-hide-small w3-padding">Bottom Middle</div>
</div>
</body>
</html>

Probiere es aus und werde glücklich damit. Und wenn du Fragen zum Verständnis des Codes hast, dann melde dich wieder. Aber guck dir auch mal die URL-Adresse der eingebunden CSS-Datei an. Vielleicht rufst du die ja mal im Browser auf und wirst neugierig. Viel Spaß beim Basteln.

viele Grüße, Stefan Münz