Question

I have a span tag where I set a class to this:

.some-box {
  width: 16px;
    height: 16px;
}


<td>
<span class="some-box" style="background-color:#333333;"></span>
</td>

It is just an empty box with a color, but it doesn’t render anything currently.

How can I fix this?

I tried putting img tag inside with a transparent gif but that didn’t work either.

Answer 1

Demo

.some-box {
  width: 16px;
  height: 16px;
  display:block;
}

only block level elements use width and height. span is inline by default.