title: How to center pagination without fixed width?
body: <p>I have a pagination and want to center it:
  <a href="http://jsfiddle.net/6819rhLf/" rel="nofollow">http://jsfiddle.net/6819rhLf/</a></p>
  
  <pre><code>&lt;ul class="slidesjs-pagination"&gt;
      &lt;li class="slidesjs-pagination-item"&gt;
          &lt;a href="#" data-slidesjs-item="0" class="active"&gt;1&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="slidesjs-pagination-item"&gt;
          &lt;a href="#" data-slidesjs-item="1"&gt;2&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="slidesjs-pagination-item"&gt;
          &lt;a href="#" data-slidesjs-item="2"&gt;3&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><code>margin-left auto; margin-right: auto;</code> on <code>slidesjs-pagination</code> only works when <code>slidesjs-pagination</code> got a fixed width. But I can't tell how much items there will be, so fixed width will not do it for me.</p>
  
  <p>The code is generated with JS, so I would like to have a solution where I don't need a parent div if that is possible.</p>