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?

skajfes · Accepted Answer · 2010-09-16 04:19:01Z

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.

answered Sep 16, 2010 at 4:19

skajfes

8,2652 gold badges26 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

meder omuraliev · Accepted Answer · 2010-09-16 03:41:55Z

1

inline-block.

answered Sep 16, 2010 at 3:41

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

Nazariy · Accepted Answer · 2010-09-16 05:34:57Z

1

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

answered Sep 16, 2010 at 5:34

Nazariy

6,0785 gold badges40 silver badges61 bronze badges

Nice! I did not know that. is that compatible cross browsers?