html - How to get horizontal alignment of headers -

i have 2 headings, 'companyname' appears top left, , 'date' displays top middle.

i having difficulty getting them horizontally aligned. i've tried putting them inside div, no effect... how can fix problem?

<div>     <h1>companyname</h1>     <h1 style="text-align:center">date @html.displayfor(model => model.todaysdate)</h1> </div> 

try

<div style="clear: both">     <h2 style="float: left;width: 40%;">companyname</h2>     <h2 style="/* float: right; *//* text-align: center; */">date @html.displayfor(model =&gt; model.todaysdate)</h2> </div>