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

选择使用非块级元素行内块或者行内元素就行了，或者将块级元素设置为非块级元素即可即displaylineblock或者displayline这里给你个示范拓展块级元素，行内块元素，行内元素的区别。

可以以html为例，步骤一在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字二在CSS中对文字图片进行简单样式添加，效果如图所示大盒子使用描边显示，里面包含了图片和下面的文字三想要将文字弄到画面上去，这时候需要对header添加相对定位，对文字标签p添加绝对。

结论已经得出在HTML中，图片右侧添加文字的步骤相当直接首先，你需要准备所需的图片和相应的文本内容接下来，通过CSS样式进行布局调整创建一个包含图片和文字的大容器，并设置其宽度为居中，以确保整体布局的平衡为了实现图文的左右排列，你需要利用浮动技术给图片和文字元素分别添加浮动属性，这将。

1首先先准备图片素材和文字语言2添加CSS样式修饰，最外面的大框添加宽度居中3现在的图文是这样排版4想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后5如图添加浮动后，文字部分因为文字太长超出了他所用那的范围，所以被挤到到了下行的右侧6这时候。

2 使用行内元素或浮动 行内元素将图片和文字都放在行内元素中，或者将图片设置为行内元素，这样它们会自然地在同一行显示 浮动对图片使用float left或float right属性，使其浮动到文本的左侧或右侧同时，为了确保文本环绕在浮动图片周围而不破坏布局，可以对包含文本的容器使用overflow。

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

1首先准备好html文件和所需要插入的图片，将其放在同一个文件夹内2然后在html文件中编辑要显示的页面内容和图片，先将整体的大概页面建立好3然后需要在html中添加环绕代码ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代码添加完毕后。