Checkboxes side by side in forms

[Sadelmageren96]

I submitted this to the Elementor support, but they told me to go here to seek assistance:
I am building a website on my local host, where I wish to include a relatively detailed contact form.
Here the first element is the choice of title (Mr., Ms., or Miss.), and where I can easily create these with one box per line like this:
Please select your title:
Mr. [ ]
Ms. [ ]
Miss. [ ],
I wis to have them all next to each other like this:
Please select your title:
Mr. [ ] Ms. [ ] Miss. [ ],
How do I place the checkboxes side by side and not on top of each other?
Screen dumps of respectively the "standard" and the "desired" outcome can be found here:
The "standard" outcome:
https://my.elementor.com/wp-content/uploads/sites/2/gravity_forms/22-8fa82d82d4bd295a437b035bfb146a16/2023/01/side-by-side.jpg
and the "desired" outcome:
https://my.elementor.com/wp-content/uploads/sites/2/gravity_forms/22-8fa82d82d4bd295a437b035bfb146a16/2023/01/on-top.jpg
I hope someone can help me with a solution to this.