CSS width of a <span> tag

css

Solution

You could explicitly set the display property to "block" so it behaves like a block level element, but in that case you should probably just use a div instead.

<span style="display:block; background-color:red; width:100px;"></span>

Problem

I use `<span>` tags in my module titles, e.g. `<span>Categories</span>.` I specify the span's background color/image, width and height in css. But the span's width depends on its content/text. So, if I do `<span></span>`, with just a background image/color in css, nothing appears. Of course, I want something to appear. How can I resolve this?

Original source