Rellenar con puntos una tabulación

[justo_13]

Hola gente:
Necesito hacer algo cómo hago esto en HTML

Producto 1 .............................................. $50.00
Producto con nombre largo 2 ................. $100.00
Prod 3 .................................................. . $40.00

Es una tabla de productos con sus respectivos precios pero en el espacio entre el nombre y el precio necesito rellenarlos con puntos, o una línea o guiones, etc.
Como verán el nombre de los productos varían el ancho y el tipo de letra Arial varía su ancho por cada caracter, de tal manera de que los precios no salen correctamente alineados.
Hay alguna opción con CSS o alguna idea para hacerlo.

Gracias!

[sanxuan]

Una tabla parece indicada para este tipo de representación. Puedes utilizar dos columnas o tres si quieres separar los decimales, pero no creo que sea necesario.
La primera celda debería tener alineación a la izquierda y a la derecha la que contiene las cifras.
Las líneas de puntos yo las haría con una imagen de fondo.
Las celdas de los productos tendrían fondo transparente para que se vean las líneas de puntos y los nombres de los productos en etiquetas span con fondo blanco para que oculten el fondo.
Se me ha ocurrido sobre la marcha, no lo he probado, pero creo que funcionaría.
Puede que alguien te ofrezca una solución más elegante.

[justo_13]

Gracias pero no es la idea...
Lo que intentaba hacer era imprimir en pantalla los datos tabulados... imprimir el caracter de tabulación, ya que el administrador de contenidos almacena el dato como un campo de texto en donde el usuario ingresa copiando y pegando esta lista de productos...
Lo resolví reemplazando el caracter de tabulación con el siguiente código html:

Código HTML:

<span style="display:inline; white-space:pre;">	</span> 

Lo único que no puedo hacer es establecer el ancho de esta tabulación...