How do I position a div block directly across from another horizontally?

[Sunlight_Studios]

Hi! I want to position another div block, so it’s directly aross and spaced evenly on my website. So as you can see I have a title, i want another box across from it, to submit a form, similar to the way it’s positioned here - Music Lessons | School of Rock

thanks so much!

https://preview.webflow.com/preview/sunlights-trendy-site?utm_medium=preview_link&utm_source=designer&utm_content=sunlights-trendy-site&preview=6ab2f62f0d29a9e99284321d3f0e7cb2&workflow=preview

[SunbearStudio (Ian)]

Flex Box! Your new best friend in web design.

Remove your padding on Container 11

Create two Div Blocks and place one H4 text inside both.

I renamed Div Block 18 to Flex-Box (for education purposes only you don’t need to, but it does make your classes more legible, read up on Client First then set your justify to space between. That will essentially “separate” the children elements in that parent element.

Best!
-Ian