duda con listas

[doberk]

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:

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:

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

[petit89]

estas seguro???? yo copie y pegue el codigo tal y como lo has puesto

[Rafael]

¡Nooooo! No pongas ningún P adentro de la lista. No tiene sentido para dar espacios.

Código HTML:

<ol>
  <li>elemento 1</li>
  <li>elemento 2
       <ul>
         <li>subelemento 2.1</li>
         <li>subelemento 2.2</li>
      </ul>
  </li>
  <li>elemento 3</li>
</ol>
 

Usa reglas CSS. eso es lo que tienes que aprender. Por ejemplo:

Código CSS:

ol > li {line-height: 120%;}
ol > li > ul > li {line-height: 100%;}
 

Puedes usar line-height, margin o padding.

----

Aparte de eso, cierra todas tus etiquetas </li>