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

An working demo is here-

.floating-box {
    display:-moz-inline-stack;
    display: inline-block;

    width: fit-content; 
    height: fit-content;

    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #73AD21;  
}

The Way is using inline-block

Supporting elements are also added in CSS.


   
Floating box
   
Floating box
   
Floating box
   
Floating box
   
Floating box
   
Floating box
   
Floating box
   
Floating box