Короткая версия:
Когда два списка смежны друг с другом, есть ли путь с 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.
Спасибо!