Putting space between 2 buttons in a td

Issue

i have a td

<td align="left">              
    <button class="button_tabel"><div class="button_tabel_text_hero"> hero</div>   </button>  
    
    
                       <!-- todo Put a gap   here 48 px  -->           
    
    
    <button class="button_tabel"><div class="button_tabel_text_zero"> zero </div>   </button>          
    
</td>

How can i put a gap of around 48 px in between these two buttons which lie in this td

i wish to put space separately out of buttons so that this can be changed from backbone easily without impacting other components

Solution

Put some margin on one of the buttons:

<td align="left">              
  <button class="button_tabel">
    <div class="button_tabel_text_hero"> hero</div>
  </button>  
  <button class="button_tabel">
    <div class="button_tabel_text_zero"> zero </div>
  </button>          
</td>

.button_tabel:first-of-type {
  margin-bottom: 48px;
}

Answered By - Helena Sánchez