How do I center an inline-block/floated header with no extra markup?

Question

I have a variable width header that must have a background color that is as wide as the text (no wider). The only way I can think of doing this (with no ext

Answer 1

replace the p tag with center as my markup is

    hello

and it's CSS is

body{
    width:100%;
}
#header{
    text-align:center;
}
#header center{
    display:inline-block;
    background:red;
}