正确设置标题...图像浮动右h1标题

Question

这是我的页面： http://clouderize.it/demo/index.html

我会在此图片中设置标题：

我对css属性做错了什么？ 非常感谢。

Answer 1

将div与球放在h1元素之前。

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;
}