Beispiel:CSS-zentrieren-2.html
Aus SELFHTML-Wiki
<!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;
}
- p1 {
width: 2em;
}
- 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>