CSS: sub divs do not show button inline

I have the following movie element:

enter image description here

And this is the corresponding HTML:

enter image description here

As you can see:

  1. div container has class=”bottom d-flex”
  2. div 1 has class class=”video-controls time-segment p-2″ and host buttons
  3. div 2 just contain a span element
  4. div 3 is right aligned and host buttons

I want div 1 and 3 to ‘expand their width to display all buttons inline. I have tried width: max-content with no luck.

Any idea in how to achieve my goal?

Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here