A mí tambien me pareció un asunto interesante. No le encuentro utilidad práctica, porque eso de rellenar con guiones es para evitar que le escriban algo en el espacio en blanco, pero en una página web no se le escribe nada. Será por estética, para mantener una línea con los documentos en papel.
Igual estuve pensando un poco, porque creí que se podía hacer con CSS,
brnb8626.
Sale, pero es un asco. Dejo un ejemplo, y una aclaración sobre el texto.
Para no usar el clásico Lore Ipsum, copié y pegué un artículo que escribí hace mucho para otro foro sobre curiosidades en algunos relojes. Era más largo, pero con esto me alcanzó para hacer pruebas, porque contiene muchos párrafos (te usé párrafos), y ya que estoy lo dejo.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>RELLENA CON GUIONES.</title>
<style type="text/css">
#elDocumento {width: 80%; margin: 0 auto; }
.elParrafo {text-align: justify; font: 16px/1.2em monospace; margin-top: -.6em; }
.elTexto {position: relative; background-color: white; }
.losGuiones {overflow: hidden; background-color: white; margin: -2.4em 0 2.4em; }
.laAneda {margin-top: 3.6em; }
</style>
</head>
<body>
<h2>Curiosidades sobre relojes.</h2>
<div id="elDocumento">
<p class="elParrafo laAneda">
<span class="elTexto">A pesar de lo que decían los relojeros franceses, los "<i>huevos de nuremberg</i>" no fueron inventados por un tal <b>Otto Nuremberg</b> usando como modelo una parte de su anatomía. En verdad estos relojes tenían la forma y el tamaño de un huevo de gallina, y se fabricaban en la ciudad de <b>Nuremberg</b> (<b>Alemania</b>).</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo laAneda">
<span class="elTexto">Una discusión que todavía se mantiene es la del origen del "IIII" en vez del "IV", para las carátulas en numeración romana.</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
La mejor historia —pero la menos creíble— dice que <b>Luis XIV</b> de <b>Francia</b> era muy afecto a los relojes, y un artesano solía llevarle piezas con algún "error" para que el rey lo descubriera. Cuando vio uno con el "4" mal escrito en romano ... no lo notó, y aseguró que el reloj estaba perfecto. El relojero no se animó a contradecirlo; y a partir de entonces, un poco como recuerdo de la anécdota, un poco para lamerle las calzas a <b>Luis</b> y un poco para molestar al relojero, las carátulas francesas empezaron a hacerse con el formato "IIII".</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
Los <b>Capeto</b> mostraron cierta debilidad por lo artefactos mecánicos. <b>Luis XVI</b> tenía por hobby la cerrajería y la relojería. De hecho, él se decía "Relojero".</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
Por suerte la moda no prendió en todos los países, y la mayoría de los relojes emblemáticos tienen el número "IV".</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
Como el <b>Big Ben</b> de <b>Londres</b>.
</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo laAneda">
<span class="elTexto">Y ya que andamos por el <b>Parlamento Británico</b>, digamos que su reloj no se llama <b>Big Ben</b>, sino <b>Reloj de la Torre de San Esteban</b>.</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
La historia comienza cuando los obreros intentan subir la campana mayor del carrillón, llamada "<b>Victoria</b>", y descubren que tiene una rajadura en la copa. </span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo">
<span class="elTexto">
Después de un largo debate, llegan a 2 conclusiones</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
sigue abajo.