How can I center an image?

editing
#1

What is a good way to have an image centered?

I’ve tried:

.sc-content img {
border: 10px solid white;
display: block;
margin: auto;
margin-top: 25px; }

but it does wacky things to my formatting.

#2

I also just tried:

.sc-content img.centered {
border: 10px solid white;
display: block;
margin: auto;
margin-top: 25px; }

It gives me the “centered” option in the styles drop-down, but it doesn’t appear to do anything.

#3

that second options works kinda, but it looks wacky on the admin site.

I drop image container.
I click to select image.
Image shows up but is left aligned as normal.
I click publish.
I visit the regular, non-admin site and it is centered.
I revisit the admin site and not the image is centered but only 1x1 pixel approximately.

#4

^ now

(don’t l[quote=“brs, post:3, topic:863”]
not the image is centered
[/quote]

(don’t know how to edit post)