css - shrink a parent div to fit one child's width and constrain the width of the other child [duplicate]

Answer 1

The answer provided by @Chris leads me to the following, great solution of my case, where I need to fit the container div only to the first child element (and leave the rest child elements to auto fit to the container's width):

div.container {
    width: fit-content;
    max-width: 100%;
    margin: 16px auto;
    display: table;
}

div.inner-primary {
    display: block;
}

div.inner-rest {
    margin-top: 8px;
    display: table-caption;
    caption-side: bottom;
}

  
This is the main element that drives the width of the container.
  
This is the first of the rest divs that fit automatically to the container...
  
This is the second element...