 <p>Add <code>padding-left: 0</code> to your <code>ul</code> style declaration.</p> <pre><code>#pricing_plan1 ul, #pricing_plan2 ul, #pricing_plan3 ul { list-style: none; font-family: "Helvetica Neue"; border: 1px solid #d9dee1; padding-left: 0px; } </code></pre> <p><code>&lt;ul&gt;</code> has default left padding, and that's the reason of your code output.</p> <p>Check <a href="http://jsfiddle.net/R456T/" rel="nofollow"><strong>jsFiddle demo</strong></a>. Both lists have <code>list-style</code> set to <code>none</code>, but only the second one has additional <code>left-padding: 0</code>. As you can see, the first one has exactly the same problem you're trying to solve.</p>