Dar estilo a un texto dentro de <ul><li><a>

que tal, tengo:

Código :

<div id="sideBar">
 <ul id="nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">Info</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;Contact</a></li>
 </ul>
</div>

Quiero agregar espacio antes de cada texto, como pueden ver la única solución fue darle espacios
he tratado de usar margin o padding left pero lo aplica al <li> o <ul> y no directo al texto

hay alguna otra solución que no sea agregar espacios???

thanks!!

intenta envolver <p>Home</p>
todo tus textos
y en css seria:
#sideBar ul li a p{
margin: lo que quieras en pixeles;
}
espero que te sirva

gracias!!, pero <p> es un elemento block, puede un block ir dentro de un inline??


lo voy a intentar , te aviso, gracias

Poder puede, lo que pasa es que no debes .

En estos casos en vez de <p> usa <span>.

y para que el span o el p? si lo puede hacer directamente en en link (a)

#sideBar ul li a { paddin-left: 20px }




saludos

Porque solo quiere hacerlo en uno de ellos, no en todos.

en ese caso creo que seria mejor ponerle una clase al enlace.




Saludos

gracias por sus respuestas

Hola,
No es la forma correcta agregarle un <p> dentro de un <li>
lo puedes poner PERO NO ES LA FORMA CORRECTA AGREGARLE <p> lo que puedes agregar dentro de un <li> es un <span> o un <div>.

Creadoradeblogs.com

lo intentare con un span

de hecho solucioné el problema temporalmente aplicando a todos los <a> un text-indent

saludos

Hola, solo le quieres dar espacio al texto que dice contact?

Saludos,

Adalis

No, a todos a la vez, gracias

Hola

Puedes probar asi:

<ul id="nav">
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Info</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>

y en la hoja de estilos le das espacio al MARGIN no al PADDING

Intenta así y me dices que tal

Saludos,
www.creadoradeblogs.com