relative position elements side by side

Lets say i have a:
header

and in that header i have:
Logo, Menu (standart horizontal links), and a button.

And i position them in that order.

But i want each one of them to have the width of his content and then follow the next one.

So in plain html it would be just (For example):

<img><ul><li's><button>
and that would just work as i want if they set to
position: relative; and
float: left;

In Elementor i would (i guess) add three columns and give them each some width in percentages (the only option right?). lets say: 20%, 50%, 30%

But then on a lot of different screen widths (that still fall in the “desktop” category) my logo column width would be very large and there for far from my menu links. and same thing for the others…

Is there a way to achieve that same effect as i would get with the above plain html example with Elementor?

Thanks,
Ben

• This topic was modified 6 years, 4 months ago by Begin.
• This topic was modified 6 years, 4 months ago by Begin.