Hey everyone,

 

i'm making a website for a company and i want to center some link images. But for some reason i can't get it done.

The problem is that they are centered when i have 5 images but not when i have 4.

 

Can someone help me with this?

 

i have attached both my html and css file. The code is a bit messy at the moment due that centering problem (i keep on trying other things)

 

thanks in advance

cote.html

style.css

Edited September 25, 201213 yr by jochemke

I'm not sure if this is the correct way to do it, but instead of floating the li elements, try display:inline instead and use text-align:center; to position the ul inside #imgrow1. I came up with this:

 

#imgrow1 {
width:100%;
}
#imgrow1 ul
{
text-align:center;
/*border:1px white solid;*/
}
#imgrow1 li
{
display:inline;
margin:20px 20px 0 0; 
}

 

Lyndsey.

Thanks Lyndsey. I'm gonna study this so i will never forget this again.