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

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="" alt="">

Thanks. Harder than I thought! :confused:


Try this:

<div style="margin-top: 35px; text-align: center; background-color:#fc9; padding:4em">
    style="border: 44px ridge grey; outline-style: outset; width:65%; max-width:650px; max-height:473px" 
    src="" alt="fred" 
  <br /><br />
  Maximum dimensions: 650x473px 

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.

Hey, thanks John!