The code below at has width:400px.
#navigator {
padding:2px 10px 2px 10px;
border:1px solid #555;
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 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;?