Using Markdown, how do I center an image and its caption?

Question

I want to end up with:

Hello there!

      
      This is an image

Hi!

Where the image and the text This is an image

Answer 1

You need a block container with a defined height, same value for line-height and image with vertical-align:middle; It should work.

Hello there !


    
    This is an image


Hi !

#container {
    height:100px;
    line-height:100px;
}

#container img {
    vertical-align:middle;
    max-height:100%;
}