Neatly align items (not using table)

[FaiL___]

I have a series of essential key-value pairs to display on a webpage, e.g.

Name: John Smith

Description: Some description

 

and what I want is to have the value of the pairs be aligned, e.g.

Name:          John Smith

Description: Some description

 

Is there anyway to do this without a table?

 

Cheers in advance

[Mira Yurizaki]

Use a table, that's what it's used for.

 

If for some reason you can't use a table, you can use the CSS property display: inline or display: inline-block and muck around with the size of the element.

[De-Wohli]

11 minutes ago, Mira Yurizaki said:

Use a table, that's what it's used for.

 

Exactly this, why reinvent the wheel.

 

However if you under no circumstance can use tables, you can achieve the same by using DIVs and align those via CSS with display: grid. But I honestly can't imagine a reason not to use tables here.

 

But be aware, achieving table like behaviors with CSS is really tedious.  

[vanished]

A tab character?