title: append a space with jquery to inline anchor tags if there are more than one
body: <p>I have a wordpress foreach loop that will list categories as anchors for posts I create. They are listed inline and I would like to add a space between them if there are more than one listed. I tried to add a right margin on them but it messes up the centering. </p>
  
  <pre><code>&lt;div class="catBoxBig"&gt;
   &lt;?php   $exclude = array("Archive");
      $categories = get_the_category();   
  foreach ( $categories as $category ) {
      if (!in_array($category-&gt;cat_name, $exclude)) {
          echo '&lt;div class="catBox"&gt;&lt;a class="catName" href="'.esc_url( get_category_link( $category-&gt;term_id ) ).'"&gt;'.esc_html( $category-&gt;cat_name ).'&lt;/a&gt;&lt;/div&gt;';
      }
  } ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>my css for centering:</p>
  
  <pre><code>.catBigBox {text-align:center;}
  .catBox {display:inline;}
  </code></pre>