Hej Gunnar,
ich verstehe nicht, warum hier Desktop-first designed wird.
Ich würde das so schreiben.
HTML
<blockquote class="slogan">
<p>Lorem…</p>
</blockquote>
CSS:
.slogan p {
max-width: 40em;
}
Wenn man dann für große Screens irgendetwas anpassen möchte, dann mit
@media (min-width: 42em)
{
.slogan foo
{
…
}
}
Ein br
benötigt man in keinem Fall. Das dient nur dazu das Ende einer Zeile anzugeben. Dort wo eine Zeile wirklich zu Ende ist (also am Ende eines Verses bei Gedichten oder nach der Angabe einer Straße in einer Adresse).
Marc