如何避免文本和列表之间的换行

Question

我在一个网页上有以下代码：

 Team:
        <ul class="checkboxTree[0] checkboxTree" id="tree2">

. . . . . 

ul列表在文本"Team“下面显示一行。我怎样才能让它直接显示在团队的右边，而不会有任何换行。

Answer 1

无序列表是块级元素。

我需要更多的信息来给你好的建议，但最简单的方法是CSS规则：

#tree2 { display: inline }

或

#tree2 { display: inline-block }

有关详细信息，请参阅the CSS spec。

Answer 2

你可以通过使用css来解决这个问题，比如display或者float。示例：

.checkboxTree
{
float: left;
}

有关详细信息，请参阅：

http://www.w3schools.com/css/pr_class_display.asp

http://www.w3schools.com/css/pr_class_float.asp