Jquerymobile Button Case

<! DOCTYPE html>


<title>button</title>
<meta name= "viewport" content= "width=device-width,initial-scale=1,user-scalable=0"/>
<script type= "Text/javascript" src= "http://code.jquery.com/jquery-1.5.min.js "></script>
<link rel= "stylesheet" href= "Http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
<script type= "Text/javascript" src= "http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js "></script>

<body>
<div data-role= "page" id= "homepage" data-position= "fixed" >
<div data-role= "Header" >
</div>
<div data-role= "Content" >
<a data-role= "button" data-icon= "Home" Data-theme= "a" href= "#" > Home </a>
<a data-role= "button" data-icon= "Arrow-l" Data-theme= "a" href= "#" > left arrow </a>
<a data-role= "button" data-icon= "Arrow-r" Data-theme= "a" href= "#" > Right arrow </a>
<a data-role= "button" data-icon= "Arrow-u" Data-theme= "a" href= "#" > Up ARROW </a>
<a data-role= "button" data-icon= "arrow-d" Data-theme= "a" href= "#" > Down arrow </a>
<a data-role= "button" data-icon= "delete" Data-theme= "a" href= "#" > Delete </a>
<a data-role= "button" data-icon= "Plus" data-theme= "a" href= "#" > Plus </a>
<a data-role= "button" data-icon= "Minus" data-theme= "a" href= "#" > Minus sign </a>
<a data-role= "button" data-icon= "Check" Data-theme= "a" href= "#" > Checkmark </a>
<a data-role= "button" data-icon= "Gear" data-theme= "a" href= "#" > Gears </a>
<a data-role= "button" data-icon= "Refresh" Data-theme= "a" href= "#" > Refresh </a>
<a data-role= "button" data-icon= "Forward" data-theme= "a" href= "#" > Forward </a>
<a data-role= "button" data-icon= "Back" data-theme= "a" href= "#" > Return </a>
<a data-role= "button" data-icon= "Grid" Data-theme= "a" href= "#" > Grids </a>
<a data-role= "button" data-icon= "star" Data-theme= "a" href= "#" > Stars </a>
<a data-role= "button" data-icon= "alert" data-theme= "a" href= "#" > Hints </a>
<a data-role= "button" data-icon= "info" data-theme= "a" href= "#" > Info </a>
<a data-role= "button" data-icon= "Search" Data-theme= "a" href= "#" > Find </a>
</div>
<div data-role= "Footer" data-position= "fixed" >
</div>
</div>
</body>

Effect:

Jquerymobile Button Case