I'm trying to do some changes in wordpress (wpbakery) with some css styling. However I'm not getting the results I expect.

I'm simply trying to show some boxes with text, like below:

```
<div style="float: left;">Test</div>
<div style="float: left;">This is a longer test. This is a longer test. This is a longer test.</div>

```

I would expect the two boxes to flow next to each other. But if the text in the second box is two long, the boxes goes to the next line.

I have recreated the problem with:

```
 <div style="margin: auto; width: 200px;">
 <div style="float: left;">Test</div>
 <div style="float: left;">This is a longer test. This is a longer test. This is a longer test.</div>
 </div>

```

Is there a way to fix this? Setting the width is not an option for me.

Thanks in advance.