CASCADING STYLE SHEETs

CSS Inline-Elemente

Inline-Elemente erzeugen keine neue Zeile und sind im normalen Textfluß (Fließtext) immer nebeneinander angeordnet. Es sei denn, sie sind zusammen breiter als das übergeordnete Element. Dann wird eine weitere Zeile eingefügt. Inline-Elemente dürfen Text und weitere Inline-Elemente aber in der Regel keine Block-Elemente enthalten.
Inline-Elemente teilen sich in ersetzende und nichtersetzende Elemente auf. Für ersetzende Elemente wie img, input und textarea können Sie Breite und Höhe angeben, für nichtersetzende Elemente wie em und span sind diese Eigenschaften unwirksam.

Die folgenden Elemente gehören zu den Inline-Elementen:

a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, var, basefont, font, s, u

Sehen wir uns als wichtiges Element das span genauer an:

span unterteilt wie das div auch in Abschnitte ein. Der Unterschied ist, span ist ein Inline-Element und macht keine neue Zeile. Wir können mit span Textteile, Wörter, einzelne Buchstaben formatieren.

Beispiel:

.gross {
   color:#00ff00;
   font-family:arial;
   font-size:25px;
   }

In (X)HTML können Sie das div mit dem Class-Selektor ansprechen. Dies würde dann so aussehen:

Span ist kein <span class:"gross">Block-Level-Element</span>.

Dies würde dann so aussehen:
Span ist kein Block-Level-Element.