सूची सूची और div क्षेत्र

Question

के बाहर चलने आइटम मैं एक मेनू अन-आदेश दिया सूची के साथ समस्या हो रही है। जिससे सूची से अधिक आइटम <ul> और <div> सीमाओं चला रहे हैं और एक बार यह स्क्रीन के किनारे तक पहुँचने है केवल अगली पंक्ति शुरू।

यहाँ वेबसाइट: http://finalonline.co.uk/mypics/gallery/categories/

Answer 1

आप display: inline; के बजाय li रों पर float: left; उपयोग कर सकते हैं।

पैरेंट तत्व (ul) पर overflow: hidden; का भी उपयोग करना याद रखें।

Another option का उपयोग करना होगा: display: inline-block, लेकिन मैं browser support के बारे में 100% निश्चित नहीं हूं।

Answer 2

उन्हें display: block, नहीं inline करें।

Answer 3

Do प्रदर्शन: ब्लॉक; हमेशा ... कभी display: inline; या display: inline-block;

कर DIV से बाहर डालने का कार्य से अक्रमित सूची ठीक करने के लिए, सीएसएस में जा रहा कोशिश करते हैं और लागू करें:

ul { 
list-style-position: inside; 
}