Добавить пробел между элементами HTML только с использованием CSS - PullRequest
Новая
       42

Добавить пробел между элементами HTML только с использованием CSS

87 голосов
/ 18 ноября 2011

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

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

Я ищу лучший способ добавления пробела между элементами, используя только CSS 

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

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

  • Пожалуйста, запишите совместимость ваших чеков в браузере

ОБНОВЛЕНИЕ

ItПохоже, мне было неясно.Я не хочу использовать ЛЮБОЙ ДОПОЛНИТЕЛЬНЫЙ HTML MARKUP, например 

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

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

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

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

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

Ответы [ 11 ]

0 голосов
/ 18 ноября 2011 
span.middle {
    margin: 0 10px 0 10px; /*top right bottom left */
}

<span>text</span> <span class="middle">text</span> <span>text</span>
Страница:
...