Beispiel:CSS-zentrieren-2.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> 

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Inhalte mit CSS zentrieren - 1</title>

<style> .inhalte-werden-zentriert { }

.zentriert { 

 margin-inline: auto;
 border: thin solid;

}

div { 

 max-width: 30em;
 height: 5em;
 background-color: #dfac20;

}

  1. p1 { 
 width: 2em;

}

  1. p2 { 
 width: 70em;

} </style>

</head>

<body>

Inhalte mit CSS zentrieren - 2
margin: auto

<main class="inhalte-werden-zentriert">

Zentrieren mit CSS ist unnötig schwer.

Fallstricke allenthalben.

</main> </body> </html>

Abgerufen am 25.07.2025
von "http://wiki.selfhtml.org/wiki/Beispiel:CSS-zentrieren-2.html"