Center Text in Header Button

i have something like this:
3elor.jpg
How to make the text of same height as the symbols ?Logout and Fav should be beside the 'X' button.Some code:HTML:\[code\]<div data-role="page" data-hash="false" id="companyPage" > <div data-role="header" data-position="fixed" data-theme="a"> <h1>&nbsp;</h1> <a onclick="logout()" data-role="button" data-transition="none" data-icon="delete">Logout</a> <a id="favpage" onclick="getfav()" data-role="button" data-transition="none" data-icon="star">Fav</a> </div> <!-- /header --> <div data-role="content"> <ul data-transition="none" data-role="listview" data-filter="true" id="companies" data-inset="true" data-filter-placeholder="Search Company..." data-split-icon="gear" data-split-theme="d" data-filter-theme="d" data-divider-theme="b"> </ul> </div> <!-- /content --></div>\[/code\]CSS:\[code\].ui-header .ui-btn-inner { font-size: 14px; height:35px; padding: .6em 10px; min-width: .75em; }\[/code\]
 
Back
Top