CSS, how to create a label width of the longest containing text?

Question

I have a table with two columns, like this:

Firstname: Jeff

Where the first column is a label and the second one is an input. Now I\'m setting

Answer 1

The easiest would be to select a fixed size large enough.

If you really want to simulate the exact behavior of a table you have two choices:

• use table

• simulate table with CSS:

  .block { display: table; }
  .row   { display: table-row; }
  label { display: table-cell; }
  

With the following HTML:

  

    ...
...
   
   ...

I don't think there exists another way of dealing with this. If you really don't want to change your HTML, your only hope might be to use javascript.