Need this IMG to center horizontally + need it at 65% of page width (inline)

HTML & CSS
1

Basically I need this image (and its border, if possible) to automatically adjust to 65% of whatever screen width it’s being displayed in.

<div style="margin-top: 35PX; WIDTH: 65%;" text-align="CENTER">
<img style="BORDER: 44PX RIDGE GREY; OUTLINE-STYLE: OUTSET;" src="http://www.ntnews.com.au/images/uploadedfiles/editorial/pictures/2012/02/14/dolphin.jpg" alt="">
</div>

Thanks. Harder than I thought! :confused:

s

2

Try this:


<div style="margin-top: 35px; text-align: center; background-color:#fc9; padding:4em">
  <img 
    style="border: 44px ridge grey; outline-style: outset; width:65%; max-width:650px; max-height:473px" 
    src="http://www.ntnews.com.au/images/uploadedfiles/editorial/pictures/2012/02/14/dolphin.jpg" alt="fred" 
  />
  <br /><br />
  Maximum dimensions: 650x473px 
</div>

Note that the enclosing DIV (which may not be necessary) defaults to 100% of the parent boyd/div/etc and the image is 65% of the image width with maximmums set so that the image does not grow larger than the original image dimensions.

3

Hey, thanks John!