Hola, buenos dias, soy novato con html/css y quisera plantear una duda que tengo.
Estoy creando una lista <ol> donde uno de los elementos tiene a su vez una lista <ul>. Uso la etiqueta <p> en cada elemento de la lista principal para que me deje un separacion entre cada elemento. sin embargo no quiero esa separación en la lista secundaria. Lo hago de la siguiente manera:
Código HTML:
<ol>
<li><p>elemento 1</p></li>
<li><p>elemento 2</p>
<p>
<ul>
<li>subelemento 2.1</li>
<li>subelemento 2.2</li>
</ul></p></li>
<li><p>elemento 3</p>
</ol> Me gustaria obtener el siguiente resultado:
Cita: 1. Texto elemento 1
2. Texto elemento 2
- Texto subelemento 2.1
- Texto subelemento 2.2
3. Texto elemento 3
Sin embargo obtengo el siguiente resultado:
Cita: 1. Texto elemento 1
2. Texto elemento 2
- Texto subelemento 2.1
- Texto subelemento 2.2
3. Texto elemento 3
Es decir, no me respeta el espacio entre parrafos entre el subelemento 2.2 y el elemento 3. O lo que es lo mismo, la etiqueta <p> no produce efecto sobre <ul>.
¿Como podría conseguir el resultado deseado? ya he probado todas posibilidades que se me ocurren y no doy con ello. Gracias por adelantado