Two columns table : one as small as possible, the other takes the rest

Answer 1

Giving the content td a 100% width will force it to take as much space as it can, so .content{ width: 100% } should work.

Also give the .action a white-space: nowrap to make sure the x and the checkmark stay next to each other. Otherwise the content will be able to take even more space and force the icons below each other.

table .action
{
    width:auto;
    text-align:right;
    white-space: nowrap
}
table .content { 
    width: 100% 
}
table 
{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    border: 1px solid
}

  

    

      

         ✔ 
      
      

       
Bigger text...(variable size).......
      
    
    

      

         ✔  ✘ 
      
      

       
Bigger text...(variable size).......