Как расположить две кнопки так, что-бы расстояние между ними и расстояние до границ было одинаковое?

Question

[Сергей]

<div class="modal-footer">
<a class="green-button" href="index.html">Сохранить</a><a class="red-button"
href="index.html">Отмена</a>
</div>

Answer 1

[xmoonlight]

.modal-footer{
   width:100%;
}

a{
  display:table-cell;
  width:50%;
  text-align:center;
}

Answer 2

[Евгений Петров]

jsfiddle.net/oyzLaau3/5
Пришлось ввести дополнительный элемент. Не люблю я это, но нужны 3 области, а псевдо-элементов только 2.

Comments

[Евгений Петров]

@SelenIT2 хороший трюк с word-spacing. 0.1px — это оперный реверанс?))

[Евгений Петров]

@SelenIT2 коли память не подводит, font-size:0 только Presto и не понимал.

Answer 3

[Oleg Pavlov]

Наверное свойство margin использовать? htmlbook.ru/css/margin
Например

.green-button {
  margin: 10px;
}

.red-button {
  margin: 10px 10px 10px 0px;
}