align an image

[otuatail]

Can someone please tell me how to align an image in a div. I have tried several ways without success.

 

www.des-otoole.co.uk?counter=0

 

 

Desmond.

 

[FaT3oYCG]

float:center; ?

[teamatomic]

There is no float center.

img.centered

{

display: block;

margin-left: auto;

margin-right: auto;

}

 

HTH

Teamatomic

 

[otuatail]

Hi I have created this style in a seperate style sheet but not sure how it is implemented.

#CenterMe
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

 

      <div style="border-style:solid;border-width:1px;border-color:green;width:580px">
        <div style=CenterMe>
        <img src="MalawiPics/MalawiMe.jpg" alt="">
        </div>
      </div>

 

[vinpkl]

# means id in css

 

<div style="border-style:solid;border-width:1px;border-color:green;width:580px">
        <div id="CenterMe">
        <img src="MalawiPics/MalawiMe.jpg" alt="">
        </div>
      </div>

 

vineet

[otuatail]

I have tried this

 

But it still is not aligned

 

<div style="border-style:solid;border-width:1px;border-color:green;width:580px">        <div id="CenterMe">        <img src="MalawiPics/MalawiMe.jpg" alt="">        </div>      </div>

www.des-otoole.co.uk?counter=0

 

[vinpkl]

your html code is fine. just replace your css with this

 

#CenterMe
{
    display: block;
    margin-left: auto;
    margin-right: auto;
width:150px;
}

 

in this css replace 150px with the actual image width.

 

vineet

[otuatail]

Great thanks this wors now.

 

Desmond.