div中让内容能不换行就尽量不换行.
<html> <head> <style type="text/css"> </style> </head> <body> <div style="width:250px"> <span>悲莫悲兮生别离,乐莫乐兮新相知</span> <div style="float:right"> |=| </div> </div> <br/> <div style="width:250px"> <span>不要温顺地走进这个良夜,激情不被消沉的暮色淹没</span> <div style="float:right"> |=| </div> </div> </body> </html>
效果如下:
最终达成自己最终想要的效果：
原文：http://www.cnblogs.com/whatlonelytear/p/6938257.html