सीएसएस

Question

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

• विंडोज उपयोगकर्ताओं पोटीन
• मैक उपयोगकर्ताओं का उपयोग कर सकते Terminal.app
• लिनक्स उपयोगकर्ताओं का उपयोग कर सकते SSH userid@ourserver.com बंदरगाह 22
• उपयोग कर सकते हैं .. .........> या साइबरडक जैसे एक एसएफटीपी प्रोग्राम का उपयोग करें, इसे ........................... पर इंगित करें। .............> ourserver.com, बंदरगाह 22

(डॉट्स इंडेंट दिखाने)

मैंने समाधानों का एक समूह पढ़ा है और पाठ-इंडेंट, सूची-शैली का उपयोग करके मार्जिन और पैडिंग शून्य पर सेट करने का प्रयास किया है, लेकिन कुछ भी काम नहीं करता है। मुझे लगता है कि समस्या यह है कि सूची के ऊपर एक शीर्षक है जिसे मुझे केंद्रित करने की आवश्यकता है और इसलिए मैं मार्जिन को ऑटो पर सेट कर रहा हूं और फिर यह नीचे दी गई सूची को गड़बड़ कर रहा है। लेकिन अगर मैं पैरेंट div के अंदर दो divs कहता हूं तो यह काम नहीं करता है।

यहाँ HTML/CSS है (मैं शामिल मामले में सब कुछ वहाँ कुछ सेटिंग है, जो अन्य समाधान के सभी विफल कर रही है है)

<div id="info"> 
    <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> 
    <ul> 
     <li>Windows users can use putty</li> 
     <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li> 
     <li>Linux users can use SSH userid@ourserver.com port 22</li> 
     <li>Or use an SFTP program like <a href="http://cyberduck.ch/">Cyberduck</a> just point it at ourserver.com, port 22</li> 
    </ul> 
</div> 

#info { 
    color:#FFFFFF; 
    width:440px; 
    margin-left:auto; 
    margin-right:auto; 
    border-radius: 10px; 
    border-style:solid; 
    border-width:2px; 
    border-color:#FFF; 
    padding-bottom:20px; padding-left:20px; padding-right:20px; 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#cccccc)); 
    overflow: hidden; 
} 
#info ul li { 
    float:left; 
} 

Answer 1

यह

ul { 
    padding: 0; 
    list-style-type: none; 
} 

http://jsfiddle.net/qeqtK/2/

Answer 2

#info से निकालें:

margin-left:auto; 

इसे अपने हेडर के लिए जोड़ें:

#info p { 
    text-align: center; 
} 

क्या आपको निश्चित चौड़ाई आदि की आवश्यकता है? मैंने अपनी राय में आवश्यक सामग्री नहीं हटाई और text-align के साथ हेडर केंद्रित किया।

नमूना

Answer 3

-webkit-padding-start: 0; 

साथ मेरे लिए काम करता गद्दी वेबकिट इंजन से जोड़ा निकाल देंगे