css experimente

Überschrift eins

Ein Div mit der Klasse "alert-notice"

Überschrift braucht zusätzlich noch einmal die Klasse "alert-notice".
.. hier folgt ein normales "hr" innerhalb von diesem Div.

Diese Text steht innerhalb von einem "p" im div der Klasse "alert-error". Um ein Wort herauszuheben kann es zusätzlich mit der Klasse "alert-error" ergänzt werden und das sieht dann so aus: Dieser Text steh innerhalb von einem Span mit der Klasse "alert-error".
Hier noch etwas text gefolgt von einem weiteren hr.

das ende vom div "alert-notice"

Überschrift zwei

Div mit der Klasse "tip-wrap" Ein span innerhalb vom div mit der Klasse "tip-title"

Ein p mit der Klasse "tip-text" innerhalb vom "tip-wrap"

Überschrift drei

Aufzählungsliste als "dl","dt",

200 g gedämpfte, geschälte Randen
1 EL Apfelessig
1 EL Olivenöl
1 EL Orangensaft
Salz und Pfeffer
200 g frische Champignons
wenig Kokosfett
HärdöpfelGwürz von Stedy
50 g gedämpfte Broccoliröschen
ein paar Kerne

Überschrift vier

Überschrift fünf

Überschrift eins mit der Klasse "tip-title"

Div mit der Klasse "tip-text".

Überschrift zwei mit der Klasse "tip-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Text text TEXT Text text mit der KLasse "bs-example"

Überschrift drei mit der Klasse "tip-title"

Text text TEXT Text text TEXTText text TEXTText text TEXTText text TEXT

Überschrift vier mit der Klasse "tip-title"

Text text TEXT Text text TEXTText text TEXTText text TEXTText text TEXT

Überschrift eins mit der Klasse "page-title"

ein div mit der id "system-message".
allg.
Klasse "message"
message
Klassse "error"
Klasse "notice"
notice
  • unter anderem, unter anderen
und andere, und anderes
zzgl.
zuzüglich

Überschrift zwei mit der Klasse "page-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift drei mit der Klasse "page-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Der Nachfolgende Text ist innerhalb einer "blockquote"

Ein Aussage hervorheben mit "blockquote"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Text innerhalb "blockquote" ohne "p"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Hier folgt ein "BlockQuote" mit der Klasse "alert-notice"

Hinweis innerhalb einer Blockquote mit der Klasse "alert-notice".

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Hier folgt ein "BlockQuote" mit der Klasse "alert-message"

Hinweis innerhalb einer Blockquote mit der Klasse "alert-message".

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Hier folgt ein "BlockQuote" mit der Klasse "alert-error"

Hinweis innerhalb einer Blockquote mit der Klasse "alert-error".

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift vier mit der Klasse "page-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift eins mit der Klasse "module-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift zwei mit der Klasse "module-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

normaler Text in einem p, normaler Text in einem p, normaler Text in einem p, normaler Text in einem p,

Dieser Text steht in einem P mit der Klasse "notify".

normaler Text in einem p, normaler Text in einem p, normaler Text in einem p, normaler Text in einem p,

Überschrift drei mit der Klasse "module-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift vier mit der Klasse "module-title"

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Überschrift vier mit der Klasse "col-typo"

zwei inneinander verschachtelte divs. aussen: div class "row".
innerhalb: div class "col-md-6 col-xs-12 col-typo"

Überschrift vier mit der Klasse "col-typo"

das führt zu diesem zwei-spalten layout.

 

ein normales div mit einer standard hr Trennlinie:
Eine Trennlinie "hr" mit der Klasse "alert-error".

 

dieses h3 steht innerhalb der Klasse "alert-message"

gefolgt von einem normalen "hr" innerhalb von diesem Div.

Diese Text steht innerhalb von einem "p" im div der Klasse "alert-message". Um ein Wort herauszuheben kann es zusätzlich mit der Klasse "alert-notice" ergänzt werden und das sieht dann so aus: Dieser Text steh innerhalb von einem Span mit der Klasse "alert-notice".
Hier noch etwas text gefolgt von einem hr mit der Klasse "alert-error".

das ende vom div "alert-message">

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT

Dieses h2 steht innerhalb der Klasse "alert-error"

Damit die überschrift so aussieht, benötigt das h2 expliziet noch einmal die KLasse "alert-error".
Dieser Link innerhalb vom div hat die Klasse "alert-link".
Ich bin ein Link mit der Klasse "alert-link" innerhalb vom div alert-errror.

Ein Link mit der Klasse "alert-error" .

 

 

Text text TEXT Text text TEXT Text text TEXT Text text TEXT Text text TEXT