css - Center a dynamic width box -

छद्म एचटीएमएल

  & lt; div & gt; & LT; ul & gt; & Lt; li & gt; नेवा 1 & lt; / li & gt; & Lt; li & gt; नेवी 2 & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt;  

मुझे यह देखना है कि

[DIV --------------- [UL nav1 nav2] - ---------------------]

इसके बजाय मुझे

[DIV [उल] मिलता है Nav1 nav2 ----------- पैडिंग -------------------]]

ली की बचे हैं जारी। उल अतिप्रवाह है: ऑटो मैं उल जितना व्यापक हो सकता है, उतना विस्तृत नहीं जितना हो सकता है, इसलिए मैं इसे ऑटो मार्जिन के साथ केन्द्रित करूँ?

कोशिश करें:

  div {text-align: center; } उल {प्रदर्शन: इनलाइन; }  

आप भी जोड़ने का प्रयास करना चाह सकते हैं:

  li {display: inline; }