définir float comme centre dans css

Question

Comment définir un float en tant que centre dans css? En fait, j’ai besoin d’une disposition entre droite et gauche et j’ai aussi essayé "text-align". mais cela ne fonctionne pas et le "float" la propriété vient de travailler.

Merci

Answer 1

Vous voulez quelque chose comme ça:

<div style="width: 500px; text-align: center;">

    <div style="margin: 0 auto; width: 100px;">I am centered</div>

</div>

La clé est text-align: centré sur le parent et une marge: 0 auto sur l'élément interne

Answer 2

Il n'y a pas de float: center. mais quand vous voulez qu'une div soit centrée sur son parent, cela devrait faire l'affaire:

#parent-element{
    position: relative;
}
#element
{
  width: 500px; 
  left: 50%;
  margin-left: -250px; /* - (width/2)  */
  position: absolute;
}

mais, qu'est-ce que vous essayez exactement de réaliser?

Answer 3

Vous pouvez uniquement faire flotter un élément à gauche ou à droite.

Décrivez peut-être le type de mise en page que vous essayez d'atteindre.