Schriften formatieren - Der eleganteste der vorgestellten Wege.

[woodfighter]

Tach,

<div>
<span>Hamburg</span>
<span>09. April 2016</span>
<span>Old School RNB &amp; Hip hop</span>
<span>Reeperbahn club Hamburg</span>
</div>

div und span als Platzhalteer für vermutlich existierende besser passende Elemente.

Die Schriften sollen variieren in:

Weiss Braun Weiss Braun immer abwechselnd. Dabei sollen aber die Schriftgrößen komplett anders sein, damit der ganze Block links und rechts anbinden und einige Schriften hervorgehoben werden, z. B. REEPERBAHN CLUB HAMBURG in kleinerer Schrift, als 09. APRIL 2016. Muß also für jede Zeile eine Klasse erstellt werden und dann im DIV Container per <span class=" formatiert werden.

div span { display:block; text-transform: uppercase; background-color:black}
div span:nth-child(odd) {color: white;}
div span:nth-child(even) {color: brown;}
div span:nth-child(2) {font-size:2em;}

http://dabblet.com/gist/61ac7a2f718a947a79c7

mfg
Woodfighter