That's perfect. I've just

vladmm — Thu, 07 Apr 2011 09:24:48 +0000

That's perfect.

I've just read so many methods of doing it, I wasn't sure which one was the more correct way of doing it but what you mentioned above looks really good.

Cheers

Images are inline elements,

webwiz — Tue, 05 Apr 2011 16:55:52 +0000

Images are inline elements, which means you can center them with text-align: center; - or do you mean something else?

HTML

<h2>A Centered Image</h2>
<div class="figure"><img src="/images/my-nice-pic.jpg" alt="">
<div class="figcaption">My lovely house on the hill</div></div>

CSS

.figure {
  text-align: center;
}
.figure img {
  max-width: 100%;
}
.figcaption {
  text-align: left;
}