html - 正确设置标题...图像向右浮动 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;
}