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

Question

I have this html:

    
    This is the caption
&l         


        
      

Answer 1

something along this should work

HTML:

    

        foo
    

and CSS:

msgbox {
    width: 100%;
    display: block;
    text-align: center;
}
p {
    display: inline-block;
}

... only sad thing is, the msgbox element, when using position absolute, blocks clicking through it (but that is only a related problem, and might not be one for you)