html - Padding-background/text filler in CSS? -

I would like to create a table that looks like this:

---

LowView-- - ------ | Correct date Some other column data 1

LowView 12345 | Qualification 2 | Some other column data 2

---

In CSS / HTML, in fact, there is "data" and a filler that goes right but does not count as the data, so this column Fill the space spanning the maximum-length line, not spreading.

It is like books of old material where the dots guide us on the right page, remember?

How can I do this? There is no property like "padding backgren" I can create it using layers for only one column, but then, how do I set the width of the layer?

Another way would be to generate the appropriate amount of characters within the software, but Hmm, not so

I use Ruby for birds on the server, text "itemprop =" text ">

You add your background-image to your td And an inline element such as ":

  and style style =" text / css "& gt; Td {background: url (dot.gif) Repeat-X; } Td span {background-color: #fff; } & Lt; / Style & gt; & Lt; Table & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; Loltext's & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; Loldate & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; Lolvalue12345 & lt; / Span & gt; & Lt; / TD & gt; & Lt; Td> The correct date & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;  

In this way, you will not need to set the width.