HTML中span中文字下移,解决css给span加float:right-右浮动后内容下移

貌似有不少网友遇到过这样一个问题，在做新闻列表页(有标题和发布时间的那种)时，自己对发布日期用了float:right后，日期跑到下面去了，这个问题，我也遇到过，在此分享一下解决办法。

关于这个问题我们先来看一个例子：-//W3C//DTD XHTML 1.0 Transitional//EN “ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd “>

span{

float: right;

}

上面的例子看似没问题，但实际效果是日期往下跑了，出现这个问题的原因是这样的：

当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥，也就是说，你的span是float:right，但是你的a还是float:none;

如果要让两者占据同一行，要么你把span先于a显示，要么把a也设成float(float:left)。

That’s all~