html中，要让文字浮动到图片的右上部分，该怎么做？

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：

<div style="background: url(small2.png)height: 60px">

<span style="position: absoluteright: 10px">123</span>

</div>

3、浏览器运行index.html页面，此时文字成功浮动到了图片右上方了。

要实现html文字浮动效果光靠HTML是不够的还要加上CSS组合一起才行。

要用divfloat

float语法：

float:none|left|right

float的基本属性

none：不进行浮动（默认）

left：浮动在其所在的块容器左侧

right：浮动在其所在的块容器右侧

html代码

1 盒子浮动在右边2 3

---