texto en el lado izquierdo y derecho del elemento

Question

Usando CSS ¿cuál es la mejor manera de tener texto tanto en el lado derecho como en el izquierdo de un elemento y estar en el mismo punto verticalmente?

De este modo terminar con la siguiente distribución:

El contenedor tiene una anchura fija, por lo que no quieren utilizar el posicionamiento, porque sé que no tengo que.

Answer 1

(1) Añadir dos divs dentro del elemento que contiene cada cadena de texto

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

(2) flotan los dos divs lado de la otra

.div1 { 
    float: left; 
} 

.div2 { 
    float:right; 
} 

(3) Establecer las propiedades de texto align para el div derecho (esto asegurará que el texto es empujada todo el camino hacia la derecha como en tu ejemplo).

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

Answer 2

Puede colocar sus dos artículos dentro del mismo contenedor y colocarlos en la posición correcta.

lo que podría tener algo como:

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

y CSS:

.container{width:500px;} 

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

Ejemplo: http://jsfiddle.net/7Wvhj/1/