Espacio entre líneas de una lista

[eragas]

Estimados cómo aumento el espacio entre líneas en una lista aumente:



Si ven la imagen en la parte denominada FEATURES he creado la lista pero le he dado espacio colocando:

Código PHP:

  <ul id="list">
  <li>
  <p>Size: 200 x 200 mm</p>
</li>
  <li>
    <p>300 pdi</p>
  </li>
  <li>
  <p>Fonts: Times New Roman, Arial, Caviar Dreams &lt;<a href="http://www.dafont.com/caviar-dreams.font">http://www.dafont.com/caviar-dreams.font</a>&gt;</p> 
   

Sí lo hice colocando <p></p> dentro de cada línea de la lista, solo así me funciono.

Pero si quiero que la lista tenga mayor interlineado sin necesidad de colocar la etiqueta <p></p> como hago?

Es decir con una lista algo así, como hago que tenga mayor interlineado?

<ul id="list">
<li>Donwload the fonts and install.</li>
<li>Unpack the .ZIP</li>
<li>Open and Enjoy!</li>
</ul>

Mil Gracias!!!

[Carlangueitor]

Agrega un margin inferior a los <li> y listo

Saludos

[eragas]

Carlangueitor, una pregunta y a nivel de código como lo agrego. Por favor ilústrame en ese punto.

Gracias de antemano,

Erick

[eragas]

Otra consulta, como se aumenta el espacio entre la primera letra y la viñeta?

Gracias,

[Carlangueitor]

Sería algo por el estilo:

Código CSS:

#list li {
margin: 0px 0px 20px 0px;
}
 

Y si quieres meter más espacio entre la viñeta y el texto puedes probar con esto:

Código CSS:

#list li{
padding: 0px 0px 0px 20px;
}
 

Eso cuando quieres un valor de 20px y no tienes demás valores.

Saludos

[eragas]

Gracias @Carlangueitor, me has salvado.

Saludos,