28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous.
Je viens solliciter votre aide pour un problème que je rencontre, à laquelle je n'arrive pas a trouver de solution.

Voici en image ce que je souhaite faire.
upload/31190-exemple.jpg

J'aimerais arriver à positionner mes textes 2 au pixel près par rapport à la gauche de mon Div (celui en rouge). Hors actuellement dès que j'essais de régler via des paddings, margin.. il se base sur le texte 1.

Alors si les textes 1 sont différents en longueur, je me retrouve avec des textes 2 qui ne s'aligne pas.


Voilà, en espérant avoir était assez explicite.
Merci pour l'aide que vous pourrez m'apporter.
Salut.

Moi j'utilise cette techinique pour les formulaires :
<div><span>Texte 1</span>Texte 2</div>
<div><span>Texte 1</span>Texte 2</div>

En css le principe c'est d'appliquer un padding à gauche dand le bloc et d'y faire "rentrer" le span avec un margin negatif à gauche :
div {overflow:hidden;zoom:1;padding-left:175px;}
div span {float:left;display:inline;margin-left:-175px;width:175px;}