1首先先准备图片素材和文字语言2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部。

1首先，打开html编辑器，新建html文件2其次在indexhtml中的标签，输入代码3最后浏览器运行indexhtml页面，此时文字成功浮动到了图片右上方了。

使用浮动给两个h2都加上float left right使用定位都加上positionabsolute，通过修改left right top bottom来排版如果你想有自定义右边的位置，可以用这个方法或文字不用块级元素包裹。

设置文字和图片的float 浮动属性，就能实现这个效果文字浮动的右边floatright图片浮动到左边floatleft控制好左右两边的宽度设置空间。

1在HTML中，使用position属性给包含图片和文字的容器元素div添加相对定位样式2使用position属性给文字元素添加绝对定位样式3使用left和top属性设置文字元素在图片上的位置，将打招呼的文字定位在图片旁边即可。

right width400px height300px floatleft *这是左浮动*需要注意的是，你要在左边的区块元素同时添加floatleft *这是左浮动*，才能使页面在火狐等浏览器的兼容 希望可以帮助到你，不懂还可以。

分成2块，左边的块包图，有边的块包字，然后浮动，这样就可以实现你的效果了。

html中有两类元素也就是标签，block和inlineblock类型的标签默认情况下会在两边自动加上换行而inline则不会表格属于block类型的，所以它会跳到下一行要想让它不自动换行可以设置它的css样式display属性的值为。

ltdiv style=quotbackground urlsmall2png height 60pxquot ltspan style=quotposition absoluteright 10pxquot123ltspan ltdiv 3浏览器运行indexhtml页面，此时文字成功浮动到了图片右上方了。

for your analysis goal， breaking the limitations of traditional OLAP and allows users to freely conduct boundfree data analysis Besides， esProc can conveniently reference ltdiv 然后适当修改文字样式就行了。

ltdiv ltdiv ltdiv class=quotclearquotltdiv ltdiv 你可以把这段直接考上去试试看效果或者访问这个链接html看效果，根据你要求图片是300*300的，文字是300*600的。

4中怎么把某些字体放到右 一 长度单位 1相对类型 A px piexl 像素，根据显示设备的分辨率的多少而代表不同的长度，因此属于相对类型例如一张高宽为100px的图，在800*600分辨率中比在1024*768分辨率中大因为两。

我看了一下你的代码，你想要的效果跟你的代码对不上的你可以这么分解 一个图片+文字说明是一行 这一行里分2列 一列是图片 一列是文字 全部靠左流动文字说明又分为2行 如图代码如下lthtmlltheadlttitle。

图像文字对齐 ltimg align=# #=top， middle， bottom 例子ltimg src=URL align=top 百度 显示为图片 百度。

不用CSS，直接用align=quotabsmiddlequot就可以了HTMLltdiv ltimg src=quot。