I need to get the text and the image below in the same line, centered. Im using the data-role="header" function in jquery, but cant seem to get everything in one line and centered. The CSS is the Jquery Standard 

```
    <html>
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>jQuery</title>
                <link rel="stylesheet" href="themes/scavenger-hunt.min.css" />
            <link rel="stylesheet" href="Publish/jquery-mobile/jquery.mobile.structure-1.0.min.css" />
            <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
            <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
        <body> 

<div data-role="page" id="home">
    <div data-role="header">
    <h1>Scavenger</h1><img src="images/logosh.png" alt="logo" width="50" height="50" align="absmiddle"><h1>Hunt</h1> 
</div>

```