Putting space between 2 buttons in a td-CodePudding

i have a td

<td align="left">              
    <button ><div > hero</div>   </button>  
    
    
                       <!-- todo Put a gap   here 48 px  -->           
    
    
    <button ><div > 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

CodePudding user response：

Put some margin on one of the buttons:

<td align="left">              
  <button >
    <div > hero</div>
  </button>  
  <button >
    <div > zero </div>
  </button>          
</td>

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

CodePudding user response：

Add margin-left:48px on .button_tabel

.button_tabel   .button_tabel{
   margin-left:48px;
}

CodePudding user response：

Just select the first class and add a margin:

.button_tabel:first-child{
  margin-right:48px;
}

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