Why is my `span` so wide?

Question

I have:

<div class="soldhere-title-large">
sold here
<span class="title-dot-span">. </span>
in 
</div>

The CSS for my span is:

.title-dot-span {
  font-size: 100pt;
  width: 10px;
  color: #ddd;
  letter-spacing: 1px;
}

yet, the span has a lot of space after the . content. Any ideas?

Answer 1

Use display: block; in your CSS.

Answer 2

There is a space in your span. The space is 100pt big. This is what's making your span wide.