Estilo del HR

[whiteWolf]

Hola:
Saben alguien como controla la alineacion de la barra HR, lo que pasa esque la estoy utilizando dentro de unas listas(UL y LI), pero la lista tiene el estilo style='TEXT-INDENT: -30pt' , de tal modo que el hr y el elemento de la lista quedan defasados, algo asi:

o Elemento de la lista (este seria el elemeto de la lista)
------------- (este simularia el hr)
o Segundo elemento de la lista
----------------------

El problema aqui es que no puedo quitar el atributo style='TEXT-INDENT: -30pt' a las listas porque lo necesito pero no logro alinear el texto y el HR, el ebjetivo es llegar a:

o Elemento de la lista (este seria el elemeto de la lista)
------------------ (este simularia el hr)
o Segundo elemento de la lista
---------------------------

Alguien sabe como puedo hacer esto, cualquier ayuda sera bien recibida, gracias.

[bacoberto]

Hola whiteWolf, según entiendo, quieres que la línea quede alineada con el texto, no con la viñeta.

Si es necesario que utilizes el elemento <hr>, prueba con la propiedad margin-left del mismo.

Otra opción es que en el elemento <li> uses el atributo text-decoration puesto en underline.

Código HTML:

   li{
       text-decoration: underline;
       text-indent: -30pt;
     }

Espero que esto te sea útil.

Saludos.

[whiteWolf]

Hola de nuevo, muchas gracias bacoberto, he usado la propiedad margin-left y a funcionado perfectamente poniendolo a -30pt que es el defasamiento que pongo en la lista,

margin-left: -30pt;

De nuevo muchas gracias, te debo unas chelas .
Suerte.