The code below at http://dot.kr/x-test/layOut/05/ has width:400px.
Code:
#navigator {
width:400px;
padding:2px 10px 2px 10px;
border:1px solid #555;
margin:auto;
background:#fff;
}
I don't like to fix the width as 400px.
I like to make it the background:#fff box can be automatically set by the length of the text ( (navigator) sun > earth > asia (ancestors of Korea ) inside the navigator box as the code above has padding:2px 10px 2px 10px;,.

If I remove width:400px; like the code below at http://dot.kr/x-test/layOut/06/ which has not width:400px. the white navigator box spreads to the end.


How can I make the white navigator box to be centered with padding:2px 10px 2px 10px;?