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

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

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

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

Ответы

(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;
}

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

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

<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;}