Trying to have it to where these elements appear on the same exact line. So the header of "Header" will be on the left and the button to submit will be on the right.

```html
<div>
  <div width="float: left; width: 50%">
    <h4> Header </h4>
  </div>

  <div style="float: right; width: 50%">
    <button> Export to Excel </button>
  </div>
</div>
```

[![enter image description here](https://i.stack.imgur.com/r8dPi.png)](https://i.stack.imgur.com/r8dPi.png)

I have used similar setup in the past and it worked. Any ideas?