html - ヘッダーを正しく設定...画像は右に浮かぶh1タイトル

Question

これは私のページです：http： //clouderize.it/demo/index.html

この画像のようにヘッダーを設定します。

私はcssプロパティで何を間違っていますか？どうもありがとう。

Answer 1

h1 要素の前に、ボールを含む div を配置します。

Answer 2

考えられる解決策:

<div style="position: absolute;top: 5px;right: 5px;"><img style="width:30px" src="themes/images/ball.jpg"></div>

を参照float:rightしてくださいposition: absolute;top: 5px;right: 5px;

Answer 3

テキストの前に、画像を h1 要素に入れます。

<h1 class="ui-title" role="heading" aria-level="1">
   <div style="float:right">
      <img src="themes/images/ball.jpg" style="width:30px">
   </div>
   0.1!
</h1>

css を次のように修正します。

.ui-header .ui-title, .ui-footer .ui-title {
    ...
    margin: 0.6em auto 0.8em;
}