28172 sujets

CSS et mise en forme, CSS3

Bonjour je voudrais mettre une marge-top a un label dans mon formulaire qui est contenu dans une balise <p>

comme ci-dessous

<p>
<input type="text" name="mail" id="txtEmail" value="Mail *" />
</p>
<p>
<label>votre demande concerne *</label>
<select name="liste" size="1">
<option value="null" selected></option>
<option value="info">Demande d'informations
<option value="auther">autre
</select>
</p>

et mon css

.formulaire form p {
padding:6px 34px 6px 24px;
}

.formulaire form p label{
color:red;
height:26px;
padding-top:20px;
margin-left:26px;
}

mais la marge n'est pas bien prise en compte elle passe sur le paragraphe précédent plus précisément elle ce retrouve sur le input, j'ai vu sur le net que la balise label accepte les margin-top, mais pour moi je suis dans l'obligation de passer la balise label en display-block et la ca fonctionne mais pour margin-left pas besoin de pasé en display block.

Une idée les amis

Merci
salut,
je ne pense pas trop que l'idée des éléments de formulaires dans des <p> soit quelque chose de bon.
Les <label> sont de type en ligne par défaut donc une simple "display:inline-block" ou "block" te permettras de leur donner des marges verticales.