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

1首先打开软件，并创建一个新的html文件2创建新文件后，设置页面背景颜色3在新文件中创建段落一，或者选择一个段落4再引入图片并设置图片大小，这里就可以设置图片浮动至段落的左边5创建段落二，或者选择。

这是链接1 这是链接2 然后给这段代码添加CSS right width400pxheight300pxfloatleft*这是左浮动* 需要注意的是，你要在左边的区块元素同时添加floatleft*这是左浮动*，才能使页面在火狐等浏览器的。

可以用div的style=“display”和style=“displayblock”来实现，给你左边的文字设个有规律的id，然后用javascript些个for循环，控制右边图片的显示隐藏。

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

block类型的标签默认情况下会在两边自动加上换行而inline则不会表格属于block类型的，所以它会跳到下一行要想让它不自动换行可以设置它的css样式display属性的值为inline如 这是前面的文字这是表格里的内容。

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