Home >Web Front-end >HTML Tutorial >How to deal with span right floating line break under IE6_html/css_WEB-ITnose
How to deal with span right floating line break under IE6_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 11:41:451171browse
How to deal with span right floating line break under IE6:
When writing a news list, it is generally required that the news title is on the left and the news release time is on the right. The time is usually placed in the 45a2772a6b6107b401db3c9b82c049c2 tag and floated to the right.
The code is as follows:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">li{ list-style-type:none; font-size:12px; color:blue; width:300px; height:30px; line-height:30px; border-bottom:1px dashed blue;}span{ color:red; width:60px; height:30px; float:right;}</style></head><body><div> <ul> <li><a href="#">蚂蚁部落欢迎您</a><span>2012-12-13</span></li> <li><a href="#">大家好，好久不见了</a><span>2012-12-13</span></li> <li><a href="#">蚂蚁部落</a><span>2012-12-13</span></li> </ul></div></body></html> The above code is normal in IE8 or FF browser, but the time is wrapped in IE6 browser.
Solution: Float the 3499910bf9dac5ae3c52d5ede7383485 label and 45a2772a6b6107b401db3c9b82c049c2 label respectively, left and right. The code is as follows:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">li{ list-style-type:none; font-size:12px; color:blue; width:300px; height:30px; line-height:30px; border-bottom:1px dashed blue;}a{ width:240px; height:30px; float:left;}span{ color:red; width:60px; height:30px; float:right;}</style></head><body><div> <ul> <li><a href="#">蚂蚁部落欢迎您</a><span>2012-12-13</span></li> <li><a href="#">大家好，好久不见了</a><span>2012-12-13</span></li> <li><a href="#">蚂蚁部落</a><span>2012-12-13</span></li> </ul></div></body></html> Original address: http://www.51texiao.cn/div_cssjiaocheng/2015/0429/419.html