474 votes

Comment aligner à droite les éléments div?

Le corps de mon document html se compose de 3 éléments, un bouton, un formulaire et un canevas. Je veux que le bouton et le formulaire soient alignés à droite et que le canevas reste aligné à gauche. Le problème est lorsque j'essaie d'aligner les deux premiers éléments, ils ne se suivent plus et sont plutôt côte à côte en horizontal, voici le code que j'ai pour le moment, je veux que le formulaire suive directement après le bouton à droite sans espace entre les deux.

#cTask {
  background-color: lightgreen;
}

#button {
  position: relative;
  float: right;
}

#addEventForm {
  position: relative;
  float: right;
  border: 2px solid #003B62;
  font-family: verdana;
  background-color: #B5CFE0;
  padding-left: 10px;
}

        Créer une tâche

      Nom du client: 
      Téléphone: 
      Adresse e-mail: 

      Votre navigateur ne prend pas en charge le canevas.

2voto

anil shrestha Points 504

Si vous utilisez Bootstrap, alors:

1 votes

Je pense que vous voulez dire.

2 votes

Anil n'a pas tort, la classe "pull-right" résulte en "float: right;" (testé avec Bootstrap 3.4.1)

0voto

Leevansha Points 1

Vous pouvez simplement utiliser padding-left:60% (par ex) pour aligner votre contenu à droite et en même temps envelopper le contenu dans un conteneur responsive (j'ai besoin d'une barre de navigation dans mon cas) pour vous assurer que cela fonctionne dans tous les exemples.

-1voto

Nhok V Points 31

Vous pouvez le faire facilement en ajoutant simplement ce CSS : (fonctionne sous IE11)

Droite

0 votes

Cela ne fonctionne pas sauf si vous connaissez la largeur exacte de chaque élément que vous alignez à droite. Solution extrêmement fragile au point de devenir impraticable.

-16voto

Dafydd Points 15

Je sais que c'est un ancien post mais ne pourriez-vous pas simplement utiliser

pour aligner à droite.

Vous pouvez simplement remplacer right par left, center et justify.

Ça a fonctionné sur mon site :)

22 votes

Veuillez ne pas utiliser d'attributs HTML pour formater votre page. C'est ce pour quoi le CSS a été créé. En fait, l'attribut align est désormais obsolète.

4 votes

...et donc la raison pour laquelle une question comme celle-ci doit être posée et besoin d'une réponse, puisque les anciennes méthodes ne fonctionnent plus.

0 votes

Ohohoh, tellement négatif))

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X