текст слева и справа от элемента

Question

С помощью CSS, как лучше всего располагать текст справа и слева от элемента и находиться в одном и том же месте по вертикали?

Таким образом, получается следующий макет:

Контейнер имеет фиксированную ширину, поэтому я не хочу использовать позиционирование, потому что знаю, что не обязан.

Answer 1

(1) Добавьте два элемента div в элемент, содержащий каждую текстовую строку

<div>
    <div class="div1">Left Text</div>
    <div class="div2">Right Text</div>
</div>

(2) Переместить два div рядом друг с другом

.div1 {
    float: left;
}

.div2 {
    float:right;
}

(3) Установите свойства выравнивания текста для правого элемента div (это гарантирует, что текст будет сдвинут вправо, как в вашем примере).

.div2 {
    float:right;
    text-align: right;
}

Answer 2

Вы можете поместить два своих предмета в один и тот же контейнер и поместить их в правильное положение.

Так что у вас может быть что-то вроде:

<div class="container">
   <div class="item1">Item 1</div>
   <div class="item2">Item 2</div>
</div>

и CSS:

.container{width:500px;}

.item1, item2{width:200px;}
.item1{float:left;}
.item2{float:right;}

Пример: http://jsfiddle.net/7Wvhj/1/