xoá bỏ thụt lề thụt lề với CSS

Question

Tôi dường như không thể xóa thụt lề khỏi danh sách không có thứ tự của mình khi các hàng dài trong danh sách của tôi được bao quanh. Đây là những gì danh sách của tôi trông giống như:

• người dùng Windows có thể sử dụng người dùng putty
• Mac có thể sử dụng Terminal.app
• người dùng Linux có thể sử dụng SSH userid@ourserver.com cổng 22
• .. .........> Hoặc sử dụng chương trình SFTP như Cyberduck chỉ cần trỏ vào số ............................ .............> ourserver.com, cổng 22

(dấu chấm hiển thị các dấu)

Tôi đã đọc một loạt các giải pháp và thử đặt lề và đệm thành 0, sử dụng văn bản thụt lề, kiểu danh sách, nhưng không có gì hoạt động. Tôi nghĩ rằng vấn đề là có một tiêu đề phía trên danh sách mà tôi cần phải được tập trung và vì vậy tôi đang thiết lập các lề để tự động và sau đó nó messing lên danh sách dưới đây. Nhưng ngay cả khi tôi nói rằng hai div trong div cha mẹ nó không hoạt động.

Đây là html/css (tôi bao gồm tất cả mọi thứ trong trường hợp có một số thiết lập đó gây ra tất cả các giải pháp khác thất bại)

<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

Nó làm việc cho tôi với

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

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

Answer 2

Remove này từ #info:

margin-left:auto; 

Thêm tiêu đề này cho tiêu đề của bạn:

#info p { 
    text-align: center; 
} 

Bạn có cần chiều rộng cố định, v.v ... không? Tôi loại bỏ ý kiến ​​của tôi không phải là công cụ cần thiết và tập trung tiêu đề với text-align.

mẫu

Answer 3

-webkit-padding-start: 0; 

sẽ loại bỏ đệm thêm bằng động cơ webkit