title: Can I center a border with CSS?
body: <p>I'm trying to center the dotted line horizontally with CSS. At the moment, it appears at the bottom. Is there a way I can offset it with -5px or something?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="divider"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.divider {
      background: aqua url("styles/images/divider-stars.png") no-repeat center 0;
      height:30px;
      padding-bottom: 10px;
      width: 100%;
      margin: 20px auto;
      float: left;
      border-bottom: 2px dotted #b38b0d;
      }
  </code></pre>