Mehrere CSS-Eigenschaften nutzen

Dieser Code zeigt dir, wie du mehrere CSS-Eigenschaften auf einmal für einen <div>-Abschnitt festlegen kannst. Du setzt einfach in den Wert eines style-Attributs mehrere CSS-Eigenschaften und CSS-Werte und schreibst hinter jede Eigenschaft-Wert-Angabe ein Semikolon (;).

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <title>Der Mönchsdiamant</title>
</head>
<body>
  <div style="color: green; font-size: 18pt; text-align: center;">
    Warum wurde der Diamant in einer Felsspalte versteckt?<br/>
    Wer hat ihn dort versteckt?
  </div>
  <div style="width: 75%; height: 100px; background-color: lightblue; margin: 20px;">
     Waren es die Gebrüder Bond?<br/>
     Beobachten sie die Höhle?
     Waren es die Gebrüder Bond?<br/>
   </div>
   <div style="float: right; border: 6px dotted red; padding: 20px;">
       Ist das Team gefährdet?<br/>
        Ihr Lager ist sehr abgelegen.
   </div>
</body>
</html>

Beispiel ansehen

Zurück zur Mission