title: CSS the a blocks move to right when enclosed by ul, li, /li tags
body: <p>I am using a combination of ul and li tags for a menu and I use display box and a background color to display it as buttons the problems is as soon as I enclose the a tags using li the buttons seem to be shifting to the right a bit like a indentation or something .</p>
  
  <p>I tried </p>
  
  <pre><code>list-style: none;
  </code></pre>
  
  <p>but that doesnt work could anyone suggest a workaround this problem..</p>
  
  <p>Thanks any help would be appreciated</p>
  
  <p>Thanks everyone for the effort +1 to all answers</p>