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

不换行的解决方法：
1: 把span先于文本显示
2: 把文本也添加 float 属性

在我们编写了客户端代码，如 css、javascript、(x)html后，通常需要进行调试，而本代码可以让您在新打开的窗口中预览，方便及时修改。同时也可以用于代码演示。

<textarea cols="70" rows="20" id="code"></textarea>
<script type="text/javascript"> 
<!-- 
function openWindow() 
{ 
    newWindow = window.open('','newWindow','height=300,width=500,scrollbars=auto'); 
    if (newWindow != null) 
    { 
        var windowHTML= document.getElementById('code').value; 
  
        newWindow.document.write(windowHTML); 
        newWindow.focus(); 
    } 
} 
//-->
</script>
<input value='预览代码' onclick="openWindow();" type="button" />

在显示列表的时候，太长的标题默认会换行显示，而这样的显示方式往往会破坏我们原有的页面布局，如何在我们无法知道标题长度的情况下，将超出显示宽度的内容隐藏起来？一个常见的做法是用服务器端语言判断、截取，但是这样在以后需要显示更长的标题时就需要修改服务器端脚本。
这里介绍的是如何用CSS将超出显示宽度的内容隐藏起来，在 IE 下我们还可以添加一个省略号，来表示多余的字符已经截断，以后改版也更方便。

<style type="text/css"> 
.textOverFlow { 
    width:300px; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    border:1px solid #ddd; 
} 
</style>

实现原理：
（1）指定宽度：width:300px;
（2）overflow:hidden; 将超出内容隐藏
（3）text-overflow:ellipsis; IE 专有属性，当对象内文本溢出时显示省略标记(…)
（4）white-space:nowrap; 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。

在PHP众多预定义服务器变量中，$_SERVER["REQUEST_URI"] 算是经常用到的，但是这个变量只有apache才支持，因此，我们需要一个更加通用的方式来获取REQUEST_URI的值，本文就是结束这一问题的解决方案

// 说明：获取 _SERVER['REQUEST_URI'] 值的通用解决方案 
// 整理：www.2dan.cc 
<?php
function request_uri() 
{
    if (isset($_SERVER['REQUEST_URI'])) 
    {
        $uri = $_SERVER['REQUEST_URI']; 
    }
    else
    {
        if (isset($_SERVER['argv'])) 
        {
            $uri = $_SERVER['PHP_SELF'] .'?'. $_SERVER['argv'][0]; 
        }
        else
        {
            $uri = $_SERVER['PHP_SELF'] .'?'. $_SERVER['QUERY_STRING']; 
        }
    }
    return $uri; 
}
?>

AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。 AbsMiddle 图像的中间与同一行中最大元素的中间对齐。 Baseline 图像的下边缘与第一行文本的下边缘对齐。 Bottom 图像的下边缘与第一行文本的下边缘对齐。 Left 图像沿网页的左边缘对齐，文字在图像右边换行。 Middle 图像的中间与第一行文本的下边缘对齐。 NotSet 未设定对齐方式。 Right 图像沿网页的右边缘对齐，文字在图像左边换行。 TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。 Top 图像的上边缘与同一行上最高元素的上边缘对齐。