Beispiel:CSS-Überschrift-zentriert.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zentrierte Überschrift mit Rand</title>
<style>
body {
	max-width: 44ch;
	margin: auto;
	padding: 0 1em;
}

h1 {
	border: thin solid;
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	max-width: max-content;
	text-align: center;
}

@media (max-width: 44ch) {
	p {
		hyphens: auto;
	}
}
</style>
</head>

<body>
	<h1>Ode an die Freude</h1>
	<p>Freude, schöner Götterfunken, /
		Tochter aus Elysium, / 
		wir betreten feuertrunken, /
		Himmlische, dein Heiligtum. /
		Deine Zauber binden wieder, /
		was die Mode streng geteilt, /
		Alle Menschen werden Brüder, /
		wo dein sanfter Flügel weilt.</p>
	<footer>Text: Friedrich Schiller</footer>


</body>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS-Überschrift-zentriert.html&oldid=92121“