как избежать разрывов строк между текстом и списками

Question

У меня есть следующий код на веб-странице:

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

. . . . . 

список ul показывает строку под текстом «Команда». Как я могу заставить его отображаться прямо справа от команды и не иметь разрыва строки.

Answer 1

Неупорядоченный список - это элемент уровня блока.

Мне нужно больше информации, чтобы дать вам хороший совет, но самый простой способ - это правило CSS:

#tree2 { display: inline }

или

#tree2 { display: inline-block }

См. спецификации CSS для подробностей.

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