Html li元素即使溢出也会换行：滚动并在父div上设置宽度

即使我设置了overflow:scroll并给了div一个宽度，我也不明白为什么div中的li元素仍然在包装

以下是我的基本html：

<div id="myList">
    <ul>
        <li class="listItem"> Item 1 Text Text Text Text Text Text Text Text </li>
        <li class="listItem"> Item 2 </li>
        <li class="listItem"> Item 3 </li>
    </ul>
</div>

项目1文本
第2项
第3项

以下是JSFIDLE:

给列表“ul”一个宽度：

---

空白：nowrap到li css？这就是你想要的吗？不清楚你在问什么。是的，那正是我想要的。非常感谢。我没有意识到这个属性：）只是意识到我的标题很容易误导。现在改正！嗯……我认为最好先记住所有可用的CSS值，然后再问这样一个基本的问题；）曼尼并没有真的可能，不知怎么的，我期待更多的财产。来源：您只需要记住属性名称，而不是它的值（首先），然后您可以使用firebug编写该属性，并在值上使用键盘上下键，它将在该元素上显示所有可用值及其结果。
#myList ul {
    width: 400px;
}

#myList
{
    border-bottom: gray 1px solid;
    border-left: gray 1px solid; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    height: 20em; 
    border-top: gray 1px solid; 
    border-right: gray 1px solid; 
    padding-top: 0px;
    width: 248px;
    overflow: scroll;
}

.listItem
{
    color: Navy;
    text-decoration: none! important;
    cursor: pointer;
    text-align: left;
    font-size: 10pt;
    font-family: Arial, San-serif, Tahoma;
    padding-left: 0.5em;
}