Добавляйте пробелы между HTML-элементами только с помощью CSS

У меня есть несколько одинаковых HTML-элементов, идущих один за другим:

<span>1</span>
<span>2</span>
<span>3</span>

Я ищу лучший способ добавления пробела МЕЖДУ элементами с использованием только CSS

[no space]  [1]  [space 10px]  [2]  [space 10px]  [3]  [no space]

Дополнительно:

• Запишите совместимость ваших квитанций с браузером

ОБНОВЛЕНИЕ

Похоже, я не понял. Я не хочу использовать ЛЮБУЮ ДОПОЛНИТЕЛЬНУЮ РАЗМЕТКУ HTML, например

<span></span>  <span></span>  <span class="last_span"></span>

Я не хочу использовать таблицы

Я хочу, чтобы первый и последний диапазон автоматически настраивался CSS

Я не хочу использовать javascript

Необязательное требование: последний диапазон может быть НЕ ПОСЛЕДНИМ ДЕТЯМ родительского тега, но это будет ПОСЛЕДНИЙ ПРОБЕЛ родительского тега. Между промежутками нет других тегов.