collapsing width of block elements.

[travisbrown]

What's the best cross-browser way to get block elements to collapse width while retaining their block attribute?

For example, <p class="msg">This is some content</p>

If I was to put a border around this, can I get it to collapse to the width of the content, then centre using margin: 0px auto?

Do I have to use a combination of display: table and display: inline-block?

 

[BillyRayPreachersSon]

Do I have to use a combination of display: table and display: inline-block?

No - simply give the element a width:

p.msg {
   width: 10em;
   margin: 0px auto 0px auto;
}

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]