html - Center UL but keep text left aligned -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 4 जवाब

यहाँ मैं क्या हूं प्राप्त करने का प्रयास करते हुए, पाठ केंद्रित होता है, लेकिन एक ही बिंदु से शुरू होता है:

मुझे क्या मिला:

पाठ अच्छी तरह से केंद्रित है, लेकिन मैं कैप्शन एक बिंदु से कैसे शुरू कर सकता हूं? (जैसे 1 छवि)

  & lt; ul class = "_ unstyled_ _left _" & gt; & Lt; li & gt; & Lt; a href = "#" वर्ग = "- अवतार _ राउंड_ सामान्य" & gt; & Lt; आंकड़ा वर्ग = "- थंबनेल" & gt; & Lt; img src = "https://s3.amazonaws.com/uifaces/faces/twitter/krystalfister/128.jpg" alt = "क्रिस्टस्टिस्टर" & gt; & Lt; / आंकड़ा & gt; & Lt; / a & gt; & Lt; p वर्ग = "नाम" & gt; रैंडम गाए & lt; / p & gt; & Lt; p वर्ग = "अंक" & gt; 9 876/10 000 अंक & lt; / p & gt; & Lt; / li & gt; & Lt; li & gt; मुझे नफरत है & lt; / li & gt; & Lt; li & gt; धत् तेरे & lt; / li & gt; & Lt; li & gt; मार्कअप & lt; / li & gt; & Lt; li & gt; जाओ मर & lt; / li & gt; & Lt; / ul & gt;  

मैं अपने सीएसएस को यहां सूचीबद्ध नहीं करता, क्योंकि यह सिर्फ पाठ-संरेखित करें: केंद्र;

ऐसा कुछ करें:

  ul {text-align: left; चौड़ाई: 100px; } ली {पृष्ठभूमि रंग: # एफएफएफ़एंडएफएफ; प्रदर्शन: इनलाइन-ब्लॉक; चौड़ाई: 100px; पैडिंग: 0 20%; रेखा-ऊंचाई: 30px; }