HTML图片和文字是并列显示的如下1 将文字浮在图片上我们加个div把图片和文字包在一起，并且加上imggroup和imgtip这两个class，便于后面的处理我们要让文字浮在图片上面，需要加上定位看文字浮在了图片的底部。

网站结构是网站风格统一的重要手段，包括网站布局文字排版导航图片位置等等网站的统一性是网站营销的重要保障#xF9ED导航的统一具有企业特征的导航，会给人留下极其深刻的印象，比如融入标志性的形态于其中，或者把导航设计在整个网站布局。

给左侧的图片加一个css样式 verticalalign middle，如下图代码 如下图。

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

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

再在li标签下面添加一条横线，并将背景图片进行定位，这样我们可以看到很好的效果证实文字和图片是在同一水平线上的想让文字和图片在同一水平线上，总结起来就是将图片设为背景图片，并添加paddingleft，然后定位一下图片。