jQuery mobile button alignment issue

Why not place your button inside a div and right align the div? everything inside the parent div including the button will be right aligned.

<div align="right"><button id="login" data-theme="a" type="button" href="home.html" data-mini="false" data-inline="true" >Login</button></div>

Check out the fiddle http://jsfiddle.net/mayooresan/96s59/2/

Use ui-btn-right. It's easier, less verbose and (I think) the jquery way to do things.

<a href="#" class="ui-btn-right ui-btn-inline">Login</a>

The previous answer is correct, but you should use CSS styles instead (aling="" is deprecated)

<div style="text-align: right;">
<button data-inline="true">Login</button>
</div>