CSS Kochbuch

3.22 Sprechblasen

Problem

Text soll in Form einer Sprechblase dargestellt werden, wie in Abbildung 3-54 gezeigt.

Abbildung 3-54. Die Sprechblase

Lösung

Markieren Sie den Inhalt für die Sprechblase. Fügen Sie hierbei sowohl den Text für die Sprechblase als auch den Namen der zitierten Person an den richtigen Stellen ein (siehe Abbildung 3-55):

<blockquote>
 <p>
  <span>
   Be bold, baby!
  </span>
 </p>
 <cite>
  Christopher Schmitt
 </cite>
</blockquote>

Abbildung 3-55. Der strukturierte Inhalt für die Sprechblase

Die Sprechblase erzeugen Sie mit der in Abbildung 3-56 ...