title: Table with blank spaces after nth cell
body: <p>I am trying to create a table that has 1 row and 8 columns. However, I want a blank spaces after the 3rd and 6th table cell. The result should be:</p>
  
  <p>cell cell cell <em>blank space</em> cell cell cell <em>blank space</em> cell cell</p>
  
  <p>I have tried placing margins but they don't work. I have tried implementing this code, but it doesn't work.</p>
  
  <pre><code>.brzl td:nth-child(3){
      margin-right: 20px;
  }
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  
  <p>I am trying to implement this within an AngularJS project. In the index.html i have the following code:</p>
  
  <pre><code>&lt;div ng-switch-when="brzl"&gt;
      &lt;table class="brzl"&gt;
          &lt;tbody&gt;
              &lt;tr&gt;
                   &lt;td ng-repeat="cell in mini.vrednost track by $index"&gt;
                        {{ cell }}
                   &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;label class="small-label"&gt; {{ mini.label }} &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The mini.vrednost basically loops through some JSON data (e.g. "123456789").
  Each digit has to be placed within separate cell in the table. Now, once the '1','2', and '3' have been placed in the cells, I need to put an empty field after them and then continue with '4', '5' etc. The empty field cannot be read from the JSON data, since the whole string is already read from somewhere (I suppose the database).</p>
  
  <p>I know I should have mentioned this earlier. That was my bad.</p>