How to display the following code in line with a heading and one list per column?

I tried it with the following code and with a style-attribute `display:inline-block;` at the header tag but none of them worked for me.

Thanks for your help.

```html
<!doctype html>
<html lang="en">
  <body style="display: inline-block"> 
    <div>
      <h2>Members</h2> 
      <ul>
        <li>person_1</li>
        <li>person_2</li>
        <li>person_3</li> 
      </ul>
    </div>
    <div>
      <h2>1st shift</h2>
      <ul>
        <li>person_1</li>
        <li>person_2</li>
        <li>person_3</li>
        <li>person_4</li> 
      </ul>
    </div> 
    <br style="clear:both"> 
  </body>
</html>
```