JSFiddle - React, Tailwind, and code Playground

HTML

<div classe="kleinbild">
<figure>
    <img src="http://blogs.taz.de/arabesken/files/2012/05/testbild-sendepause.jpg" width="200">
    <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>

CSS

figcaption {
    max-width: 200px;
}