listen - dl - dd usw.

[einsiedler]

Nö, damit geb ich mich nicht zufrieden....

Ich habe irgendwo gelesen das innerhalb von <dd> `s block-level contents erlaubt sind und so habe ich einfach mal ein div hineingepackt:

<dl class="articlebox">
	<dt>2013</dt>
		<dd>						
			<div class="item">
				<p>"Forum 2013",</p>
				<p>Al Hagita, Anne Wissmann, Carol Pilars de Pilar, Dorthe Goeden,</p>
				<p>Naomi Akimoto, Nora Grunwald, Silke Brösskamp, Sylvia Forstmann,</p>
				<p>Tassilo Sturm, Thomas Fornfeist</p>
				<p>Burg Vischering, Lüdinghausen</p>
			</div>
			<div class="item">
				<p>"25 Jahre KunstVerein Ahlen - "Künstler im Verein", Kunstverein Ahlen, Ahlen</p>
			</div>
			<div class="item">
				<p>"TWILIGHT ZONE" - Wiederkehr der Schatten - montanaberlin & Gäste</p>
				<p>Jörn Gerstenberg – Esther Horn - Oliver Krähenbühl - Tassilo Sturm -</p>
				<p>Christian Heilig - Richard Schütz - Nadine Rennert - Markus Vater -</p>
				<p>Marcin Cienski - Alekos Hofstetter / Florian Göpfert,</p>
				<p>Galerie Nord | Kunstverein Tiergarten, Berlin</p>
			</div>
			<div class="item">
				<p>"Hydra",<br />
				<p>Marcio-André, Ana Gesto, Beate Gördes und Adrienne Brehmer, Yi Zheng Lin,</p>
				<p>Nuno Margarida (Nuno Oliveira und Guida Chambel), Tassilo Sturm, Eva Wal</p>
				<p>Künstlerforum Bonn, Bonn</p>
			</div>
			<div class="item">
				<p>Offene Ateliers – Förderverein Aktuelle Kunst</p>
				<p>Atelier- und Ausstellungshaus Fresnostrasse / Münster</p>
			</div>						
		</dd>
</dl>

mein CSS:

.articlebox {	display: flex;
				flex-wrap: wrap;
				margin: 0; padding: 0;
		}
		
.articlebox dt {
  flex: 1 1 12%;
  text-align: center;
  margin: 0; padding: 0;
  margin-bottom: 0.8em;
  border: 1px dotted beige;
}
.articlebox  dd {
  flex: 8 1 88%;
  margin: 0; padding: 0;
  margin-bottom: 0.8em;
  padding-left: 0.6em;
  border: 1px dotted beige;
}

div.item {
  margin: 0; padding: 0;
  margin-bottom: 0.8em;
  border: 1px dotted fuchsia;
}

div.item p {	
				margin: 0; padding: 0;
				margin-top: 0.1em;
				margin-bottom: 0.1em;
				border: 1px dotted cyan;
		}

Es funktioniert und zumindest sagt der Validator nichts schlechtes.....

Warscheinlich ist`s nicht die feine englische Art so........

Nja, für heute, gute n8.....

t.