Autorellenar un <p> con un caracter

[Wasper]

Buenas tardes, tengo una duda que me corroe, jejeje, a ver si por aqui me podeis ayudar a orientarme.

Tengo una TAG <p> en la cual tiene un tamaño fijo y su contenido puede ser variable, es decir texto mas largo o mas corto segun base de datos, lo que necesitaria saber es si es posible poder hacer algo como lo que pongo en el ejemplo:

Parte Original:

<p>Texto de base de datos</p><b>00,00 €</b>
Resultado en pantalla
Texto de base de datos 00,00 €

¿Que necesito?:

<p>Texto de base de datos</p><b>00,00 €</b>
Resultado en pantalla
Texto de base de datos.............................00,00 €

Lo que necesito en realidad es que lo sobrante vacio de la TAG <p> se autorrellenaran con (puntos).

He intentado usar content:after, pero no es dinamico, es decir, el Texto de base de datos puede ser variable por lo que content es fijo y no me vale.

¿Alguna idea?

Muchas gracias

[alzacon]

Sólo con css dudo de que puedas hacerlo, tendrías que usar un lenguaje de programación para poder saber cuanto te ocupan en px los textos y luego añadir los puntos en el ancho restante

[pzin]

Pues usando un pseudo-elemento con contenido como dices se podría hacer.

Podrías flotar ambos y luego usar un overflow para ocultar los puntos sobrantes y white-space: nowrap para que no bajen de linea esos puntos.

De todas formas, falta algo de información. ¿Esos valores de la base de datos puedes ser de más de una linea? ¿Hay límites? Si no hay límites, ¿visualmente se podría limitar (con CSS usando text-overflow) en caso de hacer falta?

[Wasper]

Primero muchas gracias por vuestras respuestas.

Alzacon, he estado barajando hacerlo con PHP, pero mi duda era la de realizarlo con CSS.

pzin Estuve probando con content y se me iba abajo porque el texto al ser dinamico podria ocupar mas o menos espacio.

Para las dudas, el texto de la base de datos solo ocupara 1 sola linea, ya que el <p> tiene un ancho preestablecido y no esta limitado realmente, es decir si escribe se puede sobrepasar, pero no seria lo indicado.

Como me has aportado nueva informacion con white-space y text-overflow hare pruebas y ya os comentare.

Muchas gracias por vuestro tiempo

[pzin]

Por si no lo has conseguido, otros lo han hecho:

furoya: http://codepen.io/solipsistacp/full/tDHsL
kseso? http://ksesocss.blogspot.com/2013/12...elementos.html

[alzacon]

El segundo caso con el border-bottom era parecido a la idea que utilice sin exito, pero lo del background en el parrafo es un puntazo...