I would like to create a reusable template that can be used when a single image is on a page and needs a caption and text that would wordwrap around the image and caption.
I have set up a test page to see what can be done.
The first challenge is to create a div that can contain an image (that has no height and width) as well as a caption -- which would have a width that would go no wider than the width of the image.
Because this is going to be a reusable template, the widths of the images will vary. An image might be 200 px wide used in one way, and 350 px wide when the template is used on another page.
Not sure if this is even possible -- the text taking the same width as the image -- also with twitter bootstrap responsive resizing to take in consideration -- as we know it will resize based on the device -- including a cell phone.
Again, because this is a twitter bootstrap site, I can't put width and height for the images in the html.
Then the next challenge is to get text to wrap around the images and text.
Here is a mockup of what I would like it to look like. In my next comment I will provide a link to my test development site.
Thanks for any help you can provide.