Как отобразить <span>и <ul>встроенные внутри <div>

Question

Я хочу, чтобы следующий код отображал только 1 строку текста. Как я могу избавиться от разрыва между промежутком и ул?

<div id="twitter_div">
<span class="talenthouse">@twittername: </span>
 <ul id="twitter_update_list">

 </ul>
</div>

Со следующим CSS:

*{
 margin: 0;
 padding: 0;
}

#twitter_div{
 font-family:"lucida grande",tahoma,arial,sans-serif;
 color: #999999;
 font-size: 71%;
 background: url(images/twitter_bg.gif) top left no-repeat;
 width: 965px;
 height: 48px;
 overflow: auto;
 padding: 15px 0 0 85px;
}

.talenthouse{
 font-family: "Helvetica Neue", "lucida grande",tahoma,arial,sans-serif;
 color: #80c242;
 font-weight: bold;
 font-size: 135%;
 display: inline;

}

ul#twitter_update_list{
 list-style: none;
 width: 780px;
 height: 15px;
 display: inline;
}

Answer 1

Попробуйте этот CSS.

<style type="text/css">
    ul, li, ol{display:inline}
</style>

Answer 2

Краткий ответ: поместите это в свой CSS.

ul#twitter_update_list, ul#twitter_update_list li { display: inline; }

Answer 3

Вы можете настроить CSS для отображения встроенного UL. Это также удалит точки.

 #twitter_div li { display: inline; }

Спасибо

Andi

Answer 4

Попробуйте использовать лист сброса, чтобы удалить все отступы / поля из элементов. Google для «листа сброса Эрика Мейера».

Затем поместите список содержимого для отображения: inline;

Answer 5

Я считаю, что это должно работать:

#twitter_div span { float: left; }
#twitter_update_list { float: left; margin: 0; }

РЕДАКТИРОВАТЬ: я просто добавил поле: 0, чтобы привести список к тому же уровню, что и диапазон.