How can I make a div not larger than its contents?

Question

I have a layout similar to:

I would like for the div to only exp

Answer 1

You can try this code. Follow the code in the CSS section.

div {
  display: inline-block;
  padding: 2vw;
  background-color: green;
}

table {
  width: 70vw;
  background-color: white;
}

    

      

        
Apple
        
Banana
        
Strawberry
      
      

        
Apple
        
Banana
        
Strawberry
      
      

        
Apple
        
Banana
        
Strawberry