如何避免斷行文字之間，並列出

Question

我有一個網頁上的下面的代碼：

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

. . . . . 

的UL列表中顯示文本「團隊」的一條線。我怎樣才能讓它直接顯示在團隊的右側，而不是有任何換行符。

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