I have a series of articles I've written and am publishing them as pages. I would like to add an image with a caption to them and am wondering what is the best way to do that. I usually use this inline css:
<div style="margin-top: 7px; float: right; margin-bottom: 12px; margin-left: 9px; width: 300px;"><img src="http://outtacontext.com/life/images/.jpg" width="300" height="" border="0" alt="" /><br /> <p class="preface" style="margin-top: 10px; text-align: center;"></p> </div>
But, I want the image to scale for different size screens. One way I thought of doing it is to create a custom css (rather than inline) and simply don't stipulate the image size.
What is your recommendation for doing this so the image will resize in the responsive web design?