Specifying inline widths in css

Question

Suppose you have this html:

<span> aaa </span> <a> bbb </a>
<br>
<span> ccccccc </span> <a> dddd </a>

You need the span to be of a certain width, so there is a certain layout.

How do you do this without resorting to floating divs?

Answer 1

inline-block.

Answer 2

You could style the spans to be display: block, or inline-block (IE sometimes has issues with this) and then define the width.

Why? Well, span is a inline elmenent, and you cannot define width and height on inline elements, so you must "convert" the span to a block element.

Answer 3

If you trying to create a table without a table check this example of definition list