Texte aligné à gauche, au centre et à droite sur la même ligne

Est-il un moyen d'avoir de gauche, de centre, et un texte aligné à droite sur la même ligne avec le HTML/CSS, dans les conditions suivantes?

  1. Gauche et à droite des morceaux de texte sera court, mais je ne sais pas leur longueur à l'avance.
  2. Le centre bout de texte qui peut être assez longue à enrouler.
  3. Le centre bout de texte qui doit apparaître EXACTEMENT dans le centre.
  4. La pièce centrale de texte ne doit pas se superposer la gauche ou la droite des morceaux de texte.

La solution la plus évidente de l'aide de 3 divs avec les deux flottant à gauche et à droite fonctionne très bien, sauf que le centre bout de texte n'est pas centré exactement (par exemple, si la gauche morceau de texte est plus long que le droit, le centre apparaît centré juste à droite du centre absolu).

J'ai seulement besoin d'une solution qui fonctionne sur WebKit. Des idées?

Modifier - c'est Ce que j'ai jusqu'à présent...

HTML:

<div id="left">Left</div>
<div id="center">Center text</div>
<div id="right">Right</div>

CSS:

#left {
    float: left;
    text-align: left;
    padding-right: 10px;
}

#center {
    text-align: center;
}

#right {
    float: right;
    text-align: right;
    padding-left: 10px;
}

source d'informationauteur Hilton Campbell | 2011-12-15