RbnJrg’s post made me question whether I understood your question correctly. I’ve been thinking you want an image to take up half the screen with a caption at the bottom. The following paragraph text flows around the image/caption. If that is true, then what we’ve been talking about works:
Code:
div.image50L {width:50%; float:left}
div.image50L img {width:100%; max-width:1000px}
div.image50L span {display:block; font-size:.6em…. Etc. }
<p>Some paragraph before the image.</p>
<div class="image50L"><img alt="…" src="…"/><span>Some Caption</span></div>
<p>Some paragraph the will flow around and to the right of the image.</p>
If you want your
caption to flow around the image then RbnJrg’s example works.
Please clarify your question.