header bar

header bar

Hello,

In the header bar of my home page, I must have a button (cancel) and next to it a label (Home).

I tried to do it, but they are displayed in 2 lines  ( CANCEL in a line and HOME in another )


my code :

  2. <div class="ui-bar ui-bar-b">
  4. <input type="button" value="Cancel" onclick="window.close()"/> 
  5. <h1> Acceuil</h1>
  6. </div>

and in the Header of the page I put this :

  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  5.     <title>My Page</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.   
  8.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
  9.     <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
  10.     <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  12. </head>