很多时候网页设计中会遇到居中处理问题，包括横向水平居中和垂直竖直居中问题，对于前者一般的方法可以采用“text-align:center”和“margin:0 auto”进行有效控制，相对比较简单一些；而垂直水平居中的问题就显得不是那么容易。
下面本站就此问题谈一点CSS对文本进行垂直竖直居中控制的技巧。
单行文本垂直居中：
举例：
<div style="height:120px; line-height:120px;">
很实用网站欢迎您！
</div>
技巧：让文字段落高度（line-height）和所在区域高度（height）设为一致即可。
多行文本垂直居中：
举例：
<div style="padding:30px 0;">
<p>很实用网站欢迎您！</p>
<p>很实用网站欢迎您！</p>
</div>
技巧：让高度自适应（不要设置文本所在范围高度，同时进行上下填充控制，即设置padding属性）。
让文本在浏览器中垂直居中的处理方法：
其实这种控制想起来比较容易操作起来却发现比较困难。网上关于这方面的解释也比较多，这里就不多说了。下面给出一种可行的方法，让文本出现在浏览器中央（想去掉水平居中效果，将"left:50%;"拿掉即可）。
代码如下：
<div style="position:absolute; top:50%; left:50%;">
很实用网站欢迎您!
</div>
技巧：“position:absolute”这一句是关键，配合“top:50%”一起使用就达到了对文本实现垂直居中控制的效果。
【转载说明：本文来自很实用网站www.henshiyong.com】
相信大家会举一反三。此处也就不再赘述了。
我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的右边或者左边（参见第9课关于盒状模型的描述）。下图阐明了其原理：
举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示：
如何实现这个效果？
上例的HTML代码如下所示：
<div i ......
