SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

Beispiel:CSS white-space.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!doctype html>
<html>
  <head>
  <meta charset="utf-8">
    <title>white-space</title>
    <style>
      .normal     { white-space:normal; }
      .pre        { white-space:pre; 
                    font-family:monospace; }
      .pre-wrap   { white-space:pre-wrap; }
      .pre-line   { white-space:pre-line; }
      .nowrap     { white-space:nowrap; }
    </style>
  </head>
  <body>
    <h1>white-space</h1>

<!-- 1. -->
    <p class="normal">
       Hier gilt
       Normales white-space-Verhalten
    </p>

<!-- 2. -->
    <pre class="pre">
function example (){
  var="code";       //speichere einen String in der Variable
  alert(var);       //zeige den Inhalt der Variable an.
}
    </pre>

<!-- 3. -->
    <p class="pre-line">
          Du musst verstehen
          aus eins mach zehn
          und zwei mach gleich
          so bist du reich!
          ...
<!-- 4. -->
      <cite class="pre-wrap">               Goethe</cite>
    </p>

<!-- 5. -->
    <div class="nowrap">Das sprengt doch wieder mal alles: 
       Das Dampfschiffartsgesellschaftskapitänszipfelmützen-White-Space-Verhalten!
    </div>

  </body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS_white-space.html&oldid=15580“