Das Dokument beschreibt die Verwendung von HTML-Elementen <div> und <span> zur Strukturierung von Inhalten. <div> dient als Block-Element für Absätze und ist verschachtelbar, während <span> ein Inline-Element ist, das keine Zeilenumbrüche einfügt. Es werden Beispiele für CSS-Klassen zur Styling-Anpassung von Elementen gegeben.

1. CSS <div> und <span>

2. &quot;div&quot; (&quot;division&quot;) = Bereich, Abteilung) Box auf Absatzebene (Text, Grafiken) (Zeilenumbruch davor/danach) verschachtelbar! &quot;span&quot; = Bereich, Spanne Inline-Element (= kein Zeilenumbruch davor/danach)

3. Anwendung von<span> .hervorgehoben { color : red; font-weight : bold; } ... <p> Blablabla <span class=&quot;hervorgehoben&quot;> besonders wichtig </span> blablabla. </p>

4. Anwendung von<div> .info { width : 300px; border : 1px solid black; background-color : silver; padding : 4px; margin : 4px; } ... <div class=&quot;info&quot;> Ich bin ein Info-Text. Ich bin ein Info-Text. Ich bin ein Info-Text. Ich bin ein Info-Text. </div>