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

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

ltdiv style=quotbackgroundimageurl您的图片位置quot ltdiv这里添加logo 用css控制就可以了ltdiv ltdiv这里可以添加文字了如果需要的话可以吧文字放在一个容器里，并用css控制它的位置ltdiv ltdiv 这个。

图片和文字的样式可以根据需求进行调整，例如图片的间距padding文字的对齐方式textalign等你可以将示例代码保存为一个HTML文件，将ltimg标签中的src属性替换为你自己的图片路径，并在最后的ltp标签中添加自己的。

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

lttable lttr align=quotcenterquot lttd文字lttd lttdltimg src=quotimage1pngquot width=quot90quot height=quot90quot alt=quotquotlttd lttr lttable 这样写，是可以保证图片和文字同派且文字与图片是居中显示的，而不是。

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

这样文字会将图片覆盖，我们还需要为li标签设置一个左侧的内边距，以保证文字在图片的左边由于图片的大小已经是固定值了，左边距的大小我们也可以将其设为固定的再在li标签下面添加一条横线，并将背景图片进行定位，这样。

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