Margin-left relatif ou absolu..

Bonjour à tous, j'ai le code html suivant :

	<div class="titrebox01">Conditions</div>	
		
		<br />
		<input type="checkbox" name="fumeur" value="1">
		Animaux domestiques non souhaités<br>
		<input type="checkbox" name="animaux" value="1">
		Véhicule indispensable<br>
		<input type="checkbox" name="fumeur" value="1">
		Fumeurs non souhaités<br>
		<input type="checkbox" name="animaux" value="1">
		Vélo à disposition<br>
		<input type="checkbox" name="fumeur" value="1">
		Véhicule à disposition<br>	
				
	</div>

Et j'aimerais que le text :

Animaux domestiques non souhaités

ait un margin-left fixe (de 10px par exmple) par raport au bloc titrebox01.

Car quand la ligne est trop longue, le text va en dessous de la chexbox, ce qui ne fait pa joli.
J'aimerais qu'il y ait un décalage.

Merci d'avance pour votre aide.

Bonjour

Ce n'est pas faisable avec ton code HTML actuel. On va donc le corriger :

<hn>Conditions</hn>
<form id="formulaire">
  <label>Animaux domestiques non souhaités</label>
  <input type="checkbox" name="animaux" value="1">
</form>

Là on a une base pour modifier chaque élément du form et un code valide.
Pour le CSS :

hn{margin:0 0 10px 0;} /*Pour ramplacer le <br>*/
#formulaire label{margin-left:10px;}

Modifié par Laurie-Anne (17 Jun 2009 - 11:25)

Tu mets

a écrit :
Animaux domestiques non souhaités

dans un <label>, et tu appliques un margin-left de 10px à ce label

Edit : Damn.
Modifié par SynRJ (17 Jun 2009 - 11:26)