Removing ul indentation with CSS

Question

I cannot seem to remove the indent from my unordered list when long lines in my list wrap around  Here is what my list looks like    Windows users can use putty Mac users can use the Terminal app Linux users can use SSH userid ourserver com port 22             Or use an SFTP program like Cyberduck just point it at                                            ourserver com  port 22    the dots show the indents   I ve read a bunch of solutions and tried setting margin and padding to zero  using text-indent  list-style  but nothing works  I think the problem is that there is a heading above the list that I need to be centered and so I m setting the margins to auto and then it s messing up the list below  But even if I put say two divs inside the parent div it doesn t work   Here is the HTML CSS  I included everything in case there is some setting that is causing all of the other solutions to fail    lt div id  info  gt       lt p gt  lt strong gt Did you know you can SSH directly to ourserver com  lt  strong gt   lt  p gt        lt ul gt           lt li gt Windows users can use putty lt  li gt           lt li gt Mac users can use the  lt a href  http   www terminfo org  gt Terminal app lt  a gt  lt  li gt           lt li gt Linux users can use SSH userid ourserver com port 22 lt  li gt           lt li gt Or use an SFTP program like  lt a href  http   cyberduck ch   gt Cyberduck lt  a gt  just point it at ourserver com  port 22 lt  li gt       lt  ul gt   lt  div gt    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

User · Answer

Remove this from  info         margin-left auto    Add this for your header    info p       text-align  center      Do you need the fixed width etc   I removed the in my opinion not necessary stuff and centered the header with text-align   Sample http   jsfiddle net Vc8CB

User · Answer

-webkit-padding-start  0    will remove padding added by webkit engine

User · Answer

This code will remove the indentation and list bullets   ul       padding  0      list-style-type  none      http   jsfiddle net qeqtK 2

[html] Removing ul indentation with CSS

Examples related to html

Examples related to css

Examples related to html-lists