Foros del web, para los que viven de bits

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.

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.

Espero que esto te sea útil.

Saludos.

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.