How can I center a box of unknown width in CSS?

Question

I have this html:

    
    This is the caption
&l         


        
      

Answer 1

CSS now has something called the flex layout and in my limited use so far it's worked very well.

https://www.w3.org/TR/css-flexbox-1/

Try something along these lines:

  

    
    This is the caption