So I am trying to get the text beneath an image to not go wider than the image itself. I can't quite figure it out.

It would be easy if the parent div had a fixed width, but the width of the parent and the image within are variable based on the image width. 

I have it as a sibling currently, but maybe making it a child on the image div is the solution.

Here is a jsfiddle: <http://jsfiddle.net/z6f15coy/1/>

```
     <div class='parent'>
        <div class="child_1">
            <img src="http://cdn.pet360.com/pet360/Content/Images/CMS/Slideshows/cms_resized_large/cats-that-stay-small1.lg.jpg" >
        </div>
        <div class="child_2">
            Some text that is wider than the image goes here... Lorem ipsum whatever. 
        </div>
    </div>

```

Sincere thanks for any help. It is greatly appreciated.