Placer un Div à l'intérieur d'un Div

Question

J'ai une div parent id=A dont la largeur est de 100 %. Je veux que tous les éléments de la div A soient placés à droite.

J'ai donc ajouté une autre div id=B à l'intérieur de A et fait un text-align=right sur la div A. La largeur de B est de 600px.

Cependant, les contrôles apparaissent alignés à gauche en A. Des suggestions ?

Answer 1

Vous devriez faire un float: right sur le div B

Answer 2

Allez-y :

#A * {
  text-align: right;
}

Si vous voulez que le div actuel soit aligné à droite et pas seulement le texte, utilisez plutôt float:right.

#A *{
 float:right;
}

Vous devrez peut-être spécifier une largeur pour #B. Si vous ne voulez pas le faire, voici une solution :

#B{display:inline-block;}

Answer 3

Est-ce que tu veux ça :

<style type="text/css">
body {
 direction:rtl;
}
</style>
<h3>Welcome to the real-time HTML editor!</h3>
<p>Type HTML in the textarea above, and it will magically appear in the frame below.</p>

Answer 4

Ça marche pour moi... ;)

<div id="a" style="width:100%; text-align:right; border: 1px solid blue">
    <div id="b" style="width:600px; border:1px solid red">
        hi
    </div>
</div>

Answer 5

Il suffit de spécifier la largeur souhaitée et de définir les paramètres margin-right : 0 et margin-left : auto.

<div id="a">
<div id="b" style="width:600px; margin-right: 0; margin-left: auto;">
    If ID:A has a width of say 1000 then ID:B will have a left margin of 400px
</div>
</div>

ou si ID:A est déjà à l'intérieur d'un div de toute façon, vous avez juste besoin de ceci :

<div id="a" style="width:600px; margin-right: 0; margin-left: auto;">
        If ID:A's wrapper has a width of say 1000 then ID:A 
        will have a left margin of 400px
</div>

El total La largeur d'un élément de bloc à l'intérieur d'un élément de bloc est de toute façon toujours la largeur du conteneur.