title: Owl Carousel - Unconnected with Different Widths
body: <p>Here is my code:</p>
  
  <h2>Here is the main SCRIPT:</h2>
  
  <pre><code>$(document).ready(function() {
  
      $("#owl-example").owlCarousel({
          items:11,
          loop:true,
          margin:0,
          autoplay:true,
          autoplayTimeout:1000,
          autoplayHoverPause:true,
          autoWidth:true
      });
  
  });
  </code></pre>
  
  <h2>Here is the DIV:</h2>
  
  <pre><code>&lt;div id="owl-example" class="owl-carousel" style="height:27px;"&gt;
    &lt;div class="tag"&gt;1asfg&lt;/div&gt;
    &lt;div class="tag"&gt;2f&lt;/div&gt;
    &lt;div class="tag"&gt;3d34gs&lt;/div&gt;
    &lt;div class="tag"&gt;4barthrg&lt;/div&gt;
    &lt;div class="tag"&gt;5gef&lt;/div&gt;
    &lt;div class="tag"&gt;6gef&lt;/div&gt;
    &lt;div class="tag"&gt;7gef&lt;/div&gt;
    &lt;div class="tag"&gt;8gef&lt;/div&gt;
    &lt;div class="tag"&gt;9gef&lt;/div&gt;
    &lt;div class="tag"&gt;10gef&lt;/div&gt;
    &lt;div class="tag"&gt;11gef&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>Here are the style attributes of TAG:</h2>
  
  <pre><code>&lt;style&gt;
      .tag {
          float:left;
          padding-bottom:2px;
          padding-right:5px;
          position:relative;
          background:#BFC9D9;
          width:auto;
          display:table;
          margin-right:0px;
          margin-left:10px;
          text-align:center;
          border-top-right-radius:2px;
          border-bottom-right-radius:2px;
          margin-top:3px;
          margin-bottom:3px;
      }
      .tag:after {
          right:100%;
          top:50%;
          border:solid transparent;
          content: " ";
          height:0;
          width:0;
          position:absolute;
          border-right-color:#BFC9D9;
          border-width:10px;
          margin-top:-10px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>I've got eleven items. Each item is of a different width. The items aren't seamless. That is, they don't loop in a perfectly connected congo. How can I change this?</p>