figcaption und Zeilenumbruch

[bari]

Guten Tag,

Ich habe folgende Situation:

<div classe="kleinbild">
<figure><img src... width="200" height="100">
<figcaption>

Beschriftung Kleinbilder unterhalb des Bildes, die breiter als die 200px des Kleinbildes ist, die ich aber nicht breiter haben moechte, sondern dass sie je nach Laenge einen oder zwei Zeilenumbrueche bei 200px Breite (am Ende des Bildes) macht

</figcaption></figure></div>

Ich versuchte, figcaption mit max-width: 200px; zu definieren, doch wird der Text einfach gestaucht und nicht umgebrochen.

Muss ich das "manuell" mit einem br schreiben, oder gibt es eine elegantere Loesung im CSS?

Vielen Dank fuer Tipps und Hilfe,
bari.

P.S. welches ist die oder eine der empfohlenen html5-Website-Tutorials?