Beispiel:CSS-Initial-1.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;" />
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
  <style>
main {
  background: transparent;
}

h2 {
  color: red;
  text-shadow: 1px 1px 2px black;
  padding: 0.2em 0.2em 0.2em 2em;
  text-align: center;
}

p {
  -webkit-columns: 2 25em;
  columns:         2 25em;
}

p::first-letter {
  font-size: 300%;
  color: red;
  font-weight: bold;
}
  </style>
  <title>Initiale 1</title>
</head>
<body>
<h1>Beispiel: Initiale 1</h1>

<main>
  <h2>Rotkäppchen</h2>
  <p>
     Es war einmal eine kleine süße Dirne, die hatte jedermann lieb, der sie nur ansah, am allerliebsten aber ihre Großmutter, 
     die wußte gar nicht, was sie alles dem Kinde geben sollte. Einmal schenkte sie ihm ein Käppchen von rotem Sammet, und weil 
     ihm das so wohl stand und es nichts anders mehr tragen wollte, hieß es nur das Rotkäppchen. Eines Tages sprach seine Mutter 
     zu ihm:<br>
     »Komm, Rotkäppchen, da hast du ein Stück Kuchen und eine Flasche Wein, bring das der Großmutter hinaus; sie ist 
     krank und schwach und wird sich daran laben. Mach dich auf, bevor es heiß wird, und wenn du hinauskommst, so geh hübsch 
     sittsam und lauf nicht vom Weg ab, sonst fällst du und zerbrichst das Glas, und die Großmutter hat nichts. Und wenn du in
     ihre Stube kommst, so vergiß nicht, guten Morgen zu sagen, und guck nicht erst in alle Ecken herum.« 
  </p>   
</main>
</body>
</html>