title: I want to center a <ul> button but just can't do it
body: <p>I have a button and I just can't center it on the page. Here is the CSS.</p>
  
  <pre><code>.banners {padding:12px 0 0 0}
  .banners li {float:left;font-size:26px;line-height:2.4em;letter-spacing:-1px;margin-left:6px}
  .banners li:first-child {margin-left:0}
  .banners li a {width:242px;display:block;height:65px;background:url(http://www.mydomain.com/images/banner-bg.gif) no-repeat left top;text-align:center;color:#fff;text-decoration:none}
  </code></pre>
  
  <p>Here is the html </p>
  
  <pre><code>&lt;ul class="banners wrapper"&gt;
      &lt;li&gt;&lt;a href="#"&gt;UNLIMITED&lt;b&gt; $49&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>