I have the following movie element:
And this is the corresponding HTML:
As you can see:
- div container has class=”bottom d-flex”
- div 1 has class class=”video-controls time-segment p-2″ and host buttons
- div 2 just contain a span element
- 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?