Using *CSS only*, how would I center a 50px by 50px image on a page.

Please note: I said CSS only. In other words, no HTML (valign, halign, etc), no Javascript, no nothing other than CSS.

CSS is more efficient anyways.

Caramba! Now where them CSS boyz? both of us cannot be setting and answering all the quizes. But this is muy bien sha.

Where are my margin: 0 auto; padding: 0 auto; for my body in the CSS naa? Find it and tell me pls

But are u talking about the center of the page as in the point 0 of the x and y axis?

@omni:
Let's say you have a page, centered or not is not the issue. On this page you have 2 paragraphs, separated by an image. Let's assume this image is an ad. By default, this image will be left-aligned. Now let's say your manager approaches you and says that the current alignment looks funny and he thinks the best solution would be to center it so you proceed to find a solution for this, via CSS only.

Does this make more sense?

@dhtml:
I agree 100%. Doesn't this pretty much give you a snapshot of the members of this board, with respect to calibre? I have often been tempted to stop visiting and commenting but love draws me back.

Wrap it in any tag that's styled with a text-align: center. Lazy man's code:

<p style="text-align: center"><img, ></p>

Zahymaka is back from the dead

Your code may not be consistent across all browsers. For instance, it doesn't work on firefox (or at least the one on my machine ).

I have encountered this issue on many occasion in the past but today I set out to find a once-and-for-all solution. . . and I think I have.

Your solution is going in the right direction, though not quite there yet. Try again

since its 50px by 50px

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

emeka.D:
Very good! Your solution will indeed work across the board.

The key point here is that IMG won't respond to text-align: center because it isn't text. Also, it is an inline image so directly centering it via margin auto won't work either. So you have to first of all convert it to a block element, like you have.

I will give you 99%. Why not 100%?

Your inline style could have been better written: margin: 0 auto;

Yep, I know, I am picky but hey, you will be a better developer and will thank me for it in the future

Time to come up with something even trickier

Muy muy bien!

why does she remind me of my sec sch art teacher

ans= he never gives anyone a full hundred %

emeka.D.:

why does she remind me of my sec sch art teacher

ans= he never gives anyone a full hundred %

you somehow remind me of those small boys in school we have to flog first before they
learn to do it the right way - 100%