right aligned button does not align horizontally in header.

right aligned button does not align horizontally in header.

My header has 3 buttons in a controlgroup, and I have a 4th button that I would like aligned on the right of the header.  Thus is working, but the 4th button doesn't seem to align horizontally.  Any ideas?

  1.             <div data-role="header">
                    <div data-role="controlgroup" data-type="horizontal" style="display:inline;">
                        <a href="#" data-role="button">Patient List</a>
                        <a href="#" data-role="button">Search</a>
                        <a href="#" data-role="button">Preferences</a>
                    </div>
                    <a href="#" data-role="button" class="ui-btn-right">Logout</a>
                </div>








Thanks!