how to get 2 headings in same line in html code example

Example: how to get 2 headings in same line in html

<div style="clear: both">
    <h2 style="float: left">Heading 1</h2>
    <h3 style="float: right">Heading 2</h3>
</div>
<hr />