I have a dashboard that has a title in the top left, some buttons for settings in the top right, and depending on the page, there are a variable number of divs that are positioned in the middle. I want the settings buttons and the divs to be right aligned as long as there is space, and when there is no longer space for them to be in a single line, I want the middle divs to start wrapping below the first line.
Here's a rough diagram of what I was imagining
._left {
overflow: hidden;
margin-right: auto;
}
._right {
position: absolute;
top: 0;
right: 0;
If anyone can give any hints, that would be awesome. I have no clue how to make this work.
