首先我们先打开自己的DreamWeaver软件，新建一个html5页面，然后命名，保存然后我们先进行简单的页面布局在body部分加入一个div，里面添加ul和li的嵌套我们在li标签中添加部分内容，并设置其宽度为100%，即充满整个屏幕。

有一种方法就是利用表格布局，lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 这样写，是可以保证图片和文字同派且文字。

ltp这里是文字说明ltp ltbody lthtml 在上面的示例代码中，使用了Flex布局display flex来将三张图片放在一行，并通过设置每个图片占据一行的三分之一宽度width 3333%来实现图片和文字的样式可以根据。

如果你是用img引入图片的话，应该是可以并排的，那么没有并排的原因可能有1你给img设置了displaybolck2你的文字是用P标签包起来的，P标签是块状元素，会独占一行在排除浮动和定位的情况下3你的图片太大了把。

1可以用一个最大的div层 包裹住，左边一个div 左浮动，右边一个div右浮动，左边的就是一个logo图，主要处理在右边2右边的div定义好之后，在细分为上中下，三个大div，最上面的div 可以左右浮动，左边一个span。

要是使用ltimg 的话，文字用ltspan包起来应该能并排，前提是img不能设置，displayblock，文字也不要用ltp包，因为ltp是块元素，还有就是图片太大了的话会把文字挤下去，要是上面的都试了，那么就把文字和图片设置。

你好，将图片和文字分别放在两个diy中给两个div分别设置样式floatleft 希望能够帮到您，感谢您的采纳。

第一种方法 添加一个DIV，采用绝对定位，图片所属DIV为基准 ltdiv style=quotpositionrelativewidth100pxheight100pxquot ltimg src=quotquot alt=quotquot ltdiv style=quotpositionabsolutewidth100pxheight100pxz。

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

3之后在background后面加上url，为了连接图片，在url里面写的就是背景图片的路径4可以根据个人喜好放入喜欢的图片，在这里路径一定要写对5这样，保存之后文字就会覆盖在图片的上面了。

用div将字套起来，加上float属性就能让图片和文字在一行了。

lt！DOCTYPE htmllthtml ltheadltmeta。

使用代码的方法，在图片上加字怎么做到呢 在html文件中，先建立一个div，然后在里面设置一个图片和文字h1，如图所示 现在打开后的样式是这样的，如图，图片在上，文字在下 然后对h1进行简单修饰，对文字大小fontsize和文字。

3然后需要在html中添加环绕代码ltstyle p border1px solid red img floatleft margin0 5px 5px 0 ltstyle 4代码添加完毕后，保存html文件，重新打开预览就可以看到文字环绕图片的格式了。

在此，马海祥就用“注册登陆找回密码”这个在实际运用中经常遇到的情况还做实例，把“注册”和“登陆”做成图片，“找回密码”设置成文字 html代码如下 找回密码 css代码如下 #denglu *verticalalignmiddle *。

把文字放在ltdiv容器中形成一个模块，然后用css调整div模块的位置，一般是调整margin 详细请参考tutorialhtml。