Reemplazar etiqueta <hr>

¿Existe alguna forma de reemplazar el uso de la etiqueta <hr> (línea horizontal) mediante CSS para poder darle algún estilo?
O mejor dicho, crear líneas hrizontales con CSS y html
Sebastian

Se supone que hay formas, pero yo siempre uso un div

Es decir, un div, por ejemplo:

Código :

div.line {
  height: 1px;
  width: 90%;
  margin: 0 auto;
  border: 0;
  border-top: 1px dashed #ccc;
}

Claro que es un ejemplo demasiado básico, pero experimentando se logran cosas lindas

Saludos.

Lo voy a probar ahora
Después te cuento

Utilizar "div" para reemplazar una "hr" no es semánticamente correcto. Cada uno tiene una función específica, además, lo mismo que eZakto ha hecho con el div puedes hacerlo con el hr, y así usar la etiqueta correcta en el sitio correcto. Tomando lo que ha hecho eZakto podría ser así:

Código :

hr {
  height: 1px;
  width: 90%;
  margin: 0 auto;
  border: 1px dashed #ccc;
}

En sí lo que me interesa es hacer una simple línea horizontal y que sea valida para W3C.

La opción que te dio The Fricky! seria valida; no veo por que usar otra forma. Por cierto es <hr /> para que valide.

El problema está en que la propiedad "border" (O "color") no funciona bien en todos los navegadores. Y antes que hacer cualquier adaptación que pueda agregar 2 o 3 líneas más, prefiero hacerlo simple

Saludos.

No es problema, una solución simple es darle color de fondo. Así funcionará en todos los navegadores. Es importante tener en cuenta que la respuesta de un validador automático no es una respuesta definitiva frente a la validez o no del sitio. La "dividitis" es algo muy típico en la maquetación actual, pero no es correcto.

Si, pero no uso los divs pa todo tampoco. Sólo daba una solución fácil, no me lapiden

Buenos muchachos solo es un <hr>