多行单词之间的间距相同

Question

I guess this problem is very simple to solve, but I don't know what to search for..

I want to have always the same space between words in multiple lines. Like invisible tables, but I want to avoid tables.

Example:

01.01.1999       Text
02.01.1999       Text gdfgf
03.01.99         Text gfghdh

How would you do this?

PS: I need a solution which applies on each row, because the data is delivered row per row through serverside scripts.

Answer 1

You could use the <pre> tag, unless you're looking for special formatting within each row. Description lists <dl> maybe another option in that case.

<pre>
01.01.1999       Text
02.01.1999       Text gdfgf
03.01.99         Text gfghdh
</pre>

Answer 2

Technically you could place a span (with the same class) around the text that you want to pad out and give the span the same width so that it pushes the other text out. for example:

span{
width:100px;
display: block;
float:left;
}