jquery - 「デフォルト」サイズのヘッダーの中央に配置されたjQueryモバイル画像

Question

このフィドルを参照してください: http://jsfiddle.net/pmjtf/

ヘッダー「テキスト」のすぐ左側にロゴ画像を配置しようとしています。

また、画像をデフォルトのヘッダー テキストと同じサイズにしたいと考えていますが、これは ~16px だと思います。より正確には、画像が大きいためにヘッダー バーのサイズを変更したくありません。画像を縮小したいのです。

タグを使用して強制的にサイズ変更できましたがheight、中央揃えにできません。

<div data-role="page">
        <div data-role="header" data-position="inline">
              <img src="example.png"> <h1>test</h1>
            </div>
    </div>