Solution for the Last Character Overflow in IE6!

HTML code:

<div>
<img src=”http://www.lassaquarium.com/tpl/lassaquarium/images/about/qq.jpg” width=”167″ height=”30″ alt=”QQ客服 609200709″>
<img src=”http://www.lassaquarium.com/tpl/lassaquarium/images/about/phone.jpg” width=”204″ height=”30″ alt=”咨询电话 076022283438″>
<div>工厂地址 广东省 中山市 小榄镇 九洲基 第二工业区 兴洲路 乐事水族</div>
</div>

CSS code:

.main-con .address {
width: 594px;
float: left;
height: 50px;
line-height: 50px;
color: #656565;
font-weight: bold;
font-size: 16px;
padding-left: 106px;
overflow: hidden;
}

Modify the CSS code to:

.main-con .address {
float: left;
height: 50px;
line-height: 50px;
color: #656565;
font-weight: bold;
font-size: 16px;
padding-left: 106px;
overflow: hidden;
}

That is, remove its width value. To ensure a line break, the width of the previous line must exactly fill the available space. That’s all there is to it!