Évitez nouvelle ligne entre les listes HTML adjacentes?

Question

Version courte:

Lorsque deux listes sont contiguës les unes aux autres, est-il possible de CSS (ou par d'autres moyens) pour empêcher une nouvelle ligne d'être ajouté entre les deux listes?

---

Version longue (avec le code):

Je HTML généré une machine qui ne gère pas intelligemment les listes imbriquées que les éléments <ol> de mélange et <ul>. (Si vous l'aurez deviné que ce Oracle UCM Dynamic Converter, vous gagnez le prix.)

Plus précisément, lorsque les nids de documents source listes ordonnées et non ordonnées, le code HTML généré ferme toutes les balises-liste ordonnée retour au niveau supérieur, et commence une nouvelle liste à puces, en utilisant plusieurs balises liste non ordonnée pour obtenir le niveau souhaité de indentation.

Puisque ce sont des éléments de bloc, les navigateurs rendent cela avec une nouvelle ligne indésirable entre les listes. Si je devais un contrôle direct sur le HTML, ce serait facile, mais hélas. Je crois que CSS est faisable, mais mon parent thimbleful de connaissances CSS me manque. (Utilisation de Naive style="display: inline;" avec les éléments <ul> ne fonctionnait pas pour moi.)

Abstraite, je reçois:

<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>

Si tout va bien, il y a un moyen de rendre la version rendue comme ceci:

<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>

J'espère que c'est un peu facile de CSS.

Merci!

Answer 1

Si le problème ne visible est la ligne blanche entre les listes, que diriez-vous simplement:

ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}