Question

I’m trying to align a button to the right, whereas some other text is placed in the same line aligned to the left:

<h1 style="display:inline; text-align:left">
<span>somevalue</span>
</h1>
<input type="submit" value="somevalue" style="vertical-align:top; text-align: right"/>

Result:
the vertical alignment takes place. the align to the right does not.
Does anyone know why? Or a workaround?

Answer 1

You can use float:left and float:right

    <h1 style="display:inline; float:left">    
    <span>somevalue</span>
</h1> 
    <input type="submit" value="somevalue" style="vertical-align:top; float: right"/>