Избежать новой строки между смежными списками HTML?

Короткая версия:

Когда два списка смежны друг с другом, есть ли путь с CSS (или некоторыми другими средствами), чтобы препятствовать тому, чтобы новая строка была добавлена между двумя списками?


Долгая версия (с кодом):

Я сгенерировал машиной HTML, который разумно не обрабатывает вложенные списки то соединение <ol> и <ul> элементы. (Если Вы предположили, что это - Oracle UCM Динамический Преобразователь, Вы завоевываете приз.)

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

Так как это элементы блока, браузеры представляют это с нежелательной новой строкой между списками. Если бы у меня было прямое управление HTML, то это было бы легко, но увы. Я полагаю, что CSS является выполнимым, но моя относительная щепотка знания CSS приводит меня к сбою. (Наивное использование style="display: inline;" с <ul> элементы не работали на меня.)

Абстрактный, я добираюсь:

<ol><li>item 1</li> 
    <li>item 2</li> 
    <ol><li>item 1, indent level 2</li> 
        <li>item 2, indent level 2</li> 
</ol></ol>

<ul><ul><ul><li>bullet, indent level3<li> 
            <li>bullet, indent level3<li>
</ul></ul></ul>

Хотелось бы надеяться, существует способ сделать это представленной версией как это:

<ol><li>item 1</li> 
    <li>item 2</li> 
    <ol><li>item 1, indent level 2</li> 
        <li>item 2, indent level 2</li> 

<ul><li>bullet, indent level3<li> 
    <li>bullet, indent level3<li>
</ul></ol></ol>

Я надеюсь, что это - легкий бит CSS.

Спасибо!

1
задан res 18 October 2010 в 21:51
поделиться