CSS делает два элемента div равноудаленными внутри элемента оболочки

Question

Пожалуйста, просмотрите мой код ЗДЕСЬ . То, что я пытаюсь сделать, довольно просто, так что кажется. Я пытаюсь сделать две коробки (одна желтая, одна зеленая) в пурпурной коробке на равном расстоянии. Итак, я хочу, чтобы расстояние от левой границы фиолетового прямоугольника до левой границы зеленого прямоугольника было равным расстоянию между правой границей зеленого прямоугольника и левой границей желтого прямоугольника, которое также будет равноудалено от расстояния между правой границей желтого прямоугольника и правая граница фиолетового ящика.

У меня нет идей, но я думаю, что я близок.

Спасибо за любую помощь в этом!

Evan

Answer 1

Вы можете использовать float: left в левом поле и float: right; в правом поле: http://jsfiddle.net/feeela/D6MUq/38/

Answer 2

Это выглядит довольно хорошо:

#templatetypes {
    width: 150px;
    background-color:green;
    margin-left:13%;
    float:left;
    }

#supportlinks {
    width: 150px;
    background-color:yellow;
    margin-right:13%;
    float:right;
    }