HiHo,
kA ob das mal wer braucht, ich finde es manchmal recht nützlich:
HTML
<style>
blockquote{
display: inline-block;
float: none;
}
blockquote[cite]:before
{
content:attr(cite);
display: block;
}
</style>
<blockquote cite="www.google.de">Google Deutschland<br />
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>
Alles anzeigen
Der kleine Code oben sorgt dafür, dass sowohl im HTML alles korrekt logisch ausgezeichnet ist, als auch dafür, dass die Besucher die Urheber der Zitate sehen können. Natürlich kann man anstatt blockquote[cite]:before auch ein :after ranhängen, dann wirds halt nach dem Zitat angezeigt.
Auch diverse Style-Möglichkeiten sind natürlich gegeben, im Beispielbild hab ich folgenden Style genutzt:
CSS
blockquote{
display: inline-block;
float: none;
border-left: 3px solid #C0C0C0;
}
blockquote[cite]:before
{
content:attr(cite);
display: block;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
background: #C0C0C0;
}
Alles anzeigen
Also, ich stelle es allen hier zur Verfügung, wer will, darf es nutzen, ich finde es recht praktisch.