1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<script>標(biāo)簽，輸入js代碼：

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

<span style="position: absolute;right: 10px;">123</span>

</div>

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)文字成功浮動(dòng)到了圖片右上方了。

這位網(wǎng)友你好，可以設(shè)置右浮動(dòng)。

h1{ float:right; }

1、 html中調(diào)整位置使用css的float屬性。詳細(xì)用法首先在html文件中新建兩個(gè)div容器，用來方便演示效果，容器中都加入h2標(biāo)簽，設(shè)置不同文字便于區(qū)分： 2、div標(biāo)簽給它在style標(biāo)簽設(shè)置class屬性的樣式，給它高度和寬度以及顏色，h2標(biāo)簽一個(gè)使用float屬性，另一個(gè)不使用。這里float標(biāo)簽的作用可以讓文字居左或者居右顯示，也可以設(shè)置為空，最后Crtl＋S保存文件： 3、打開瀏覽器，可以看到兩個(gè)div中的文字位置并不相同，設(shè)置了float標(biāo)簽的文字在靠右的位置。以上就是html調(diào)整文字位置的方法：