title: how to center columns group
body: <pre><code>&lt;div id="linksbwrap"&gt;
  &lt;a class="linkb" href=""&gt;Lorem ipsum Lorem ipsum&lt;/a&gt;&lt;br&gt;
  &lt;a class="linkb" href=""&gt;Lorem ipsum Lorem&lt;/a&gt;&lt;br&gt;
  &lt;a class="linkb" href=""&gt;Lorem ipsum Lorem ipsum&lt;/a&gt;&lt;br&gt;
  &lt;a class="linkb" href=""&gt;Lorem ipsum Lorem&lt;/a&gt;&lt;br&gt;
  ...
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#linksbwrap{
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
  }
  </code></pre>
  
  <p>How to set left margin of the first column to be the same as the right margin of the last column ?</p>
  
  <p>And keep the links inside columns aligned left.</p>
  
  <p>I tried:  </p>
  
  <pre><code> #linksbwrap{
          text-align:center;
      }
  </code></pre>
  
  <p>but in this case links inside columns are also centered by itself.</p>