title: Trouble with pricing table in WordPress
body: <p>I've recently encountered a problem while making my website. I created a pricing table from a snippet I grabbed off of www.coveloping.com; I really like it, but once I input the HTML and CSS it automatically indents everything within my tables. Here is a screenshot <a href="http://awesomescreenshot.com/0962ewjwc7" rel="nofollow">http://awesomescreenshot.com/0962ewjwc7</a> - I know this might be pretty noobish, and there is probably a very easy solution, though I have searched through the source code using dev tools and still have not found the issue. </p>
  
  <p>I would greatly appreciate it if someone could get me through this; thanks in advance for your help!</p>
  
  <pre><code>&lt;div class="pricing-table" id="pricing-table"&gt; 
      &lt;ul&gt; 
          &lt;li class="heading"&gt;Bronze&lt;/li&gt; 
          &lt;li class="price"&gt;£20&lt;/li&gt; 
          &lt;li&gt;Starter package&lt;/li&gt; 
          &lt;li&gt;15 Projects&lt;/li&gt; 
          &lt;li class="action"&gt;Buy Now&lt;/li&gt; 
      &lt;/ul&gt; 
      &lt;ul&gt; 
          &lt;li class="heading"&gt;Silver&lt;/li&gt; 
          &lt;li class="price"&gt;£60&lt;/li&gt; 
          &lt;li&gt;Intermediate package&lt;/li&gt; 
          &lt;li&gt;20 Projects&lt;/li&gt; 
          &lt;li class="action"&gt;Buy Now&lt;/li&gt; 
      &lt;/ul&gt; 
      &lt;ul&gt; 
          &lt;li class="heading"&gt;Gold&lt;/li&gt; 
          &lt;li class="price"&gt;£80&lt;/li&gt; 
          &lt;li&gt;Professional package&lt;/li&gt; 
          &lt;li&gt;30 Projects&lt;/li&gt; 
          &lt;li class="action"&gt;Buy Now&lt;/li&gt; 
      &lt;/ul&gt; 
  &lt;/div&gt;
  </code></pre>