title: How to move columns to the left in table?
body: <p>I want to move columns to the left and also there should be set a fixed size in between.</p>
  <p>Now it looks like this:</p>
  <p><a href="https://i.imgur.com/K1PyTt2.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/K1PyTt2.png" alt="1" /></a></p>
  <p>Hopefully I could get this result:</p>
  <p><a href="https://i.imgur.com/EF2oxhn.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/EF2oxhn.png" alt="2" /></a></p>
  <p>CSS Code:</p>
  <pre><code>.table {
      width:100%;
  }
  
  .table table{
      border-collapse: collapse;
      width:100%;
  }
  
  .table td{
      padding-left: 5px;
      color: #000000;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 6px;
      font-family: Arial,Helvetica,sans-serif;
  }
  
  .table tr:nth-child(odd){ background-color:#EFEFEF; }
  .table tr:nth-child(even)    { background-color:#ffffff; }
  
  .table tr:first-child td{
      padding-left: 5px;
      background-color:#EFEFEF;
      text-align:left;
      color:#868686;
      font-size: 12px;
      font-family: Arial,Helvetica,sans-serif;
      line-height: 16px;
      margin-bottom: 6px;
  }
  
  /* Border line in the middle (first-child) Example: 1 | 2 | 3 */
  .table tr:first-child td:not(:last-child) { border-right: 1px solid #868686;}
  </code></pre>
  <p>HTML:</p>
  <pre><code>&lt;div class=&quot;table&quot; &gt;
      &lt;table&gt;
          &lt;tr&gt;
               &lt;td&gt;
                 ID#
               &lt;/td&gt;
               &lt;td&gt;
                 Name
               &lt;/td&gt;
               &lt;td&gt;
                 Edit
               &lt;/td&gt;
                &lt;td&gt;
                 Delete
               &lt;/td&gt;
         &lt;/tr&gt;
         
  &lt;tr&gt;&lt;td&gt;&lt;?php echo $tags_id ?&gt;&lt;/td&gt;&lt;td&gt;&lt;?php echo $name ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo &quot;&lt;a href='edit.php?id=$tags_id'&gt;Edit&lt;/a&gt;&quot;; ?&gt;&lt;/td&gt; &lt;td&gt;&lt;?php echo &quot;&lt;a href='delete.php?id=$tags_id'&gt;Delete&lt;/a&gt;&quot;; ?&gt;&lt;/td&gt;&lt;/tr&gt;
  
         &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>