¿Cómo hago flotar un div al centro?

Question

Quiero ser capaz de centrar un div en el medio de una página pero no puedo hacer que funcione. Intenté flotar: centro; en CSS, pero parece que no funciona.

Answer 1

No hay flotante: centro; en css. Margen de uso: 0 auto; en lugar. Así como esto:

.mydivclass { 
    margin: 0 auto; 
} 

Answer 2

Trate margin: 0 auto, necesitará una fija con el div.

Answer 3

usted puede hacerlo en línea como esta

<div style="margin:0px auto"></div> 

o puede hacerlo a través de la clase

<div class="x"><div> 

en su archivo css o entre <style></style> agregar este .x{margin:0px auto}

o simplemente puede use la etiqueta central

<center> 
    <div></div> 
    </center> 

o si utilizando la posición absoluta, se puede hacer

.x{ 
    width: 140px; 
    position: absolute; 
    top: 0px; 
    left: 50%; 
    margin-left: -70px; /*half the size of width*/ 
} 

Answer 4

Dale la DIV un específico con en porcentaje o en píxeles y centrarlo usando la propiedad CSS margen.

HTML

<div id="my-main-div"></div> 

CSS

#my-main-div { margin: 0 auto; } 

disfrutar :)

Answer 5

si está utilizando width y height, usted debe tratar margin-right: 45%; ... que es 100% trabajando para mí ... así que puedo llevarlo a cualquier parte wi ¡Porcentaje!

Answer 6

Si por alguna razón usted tiene posición absoluta en el div, hacer esto:

<div class="something"></div> 

.something { 
    position:absolute; 
    left:0; 
    right:0; 
    margin-left:auto; 
    margin-right:auto; 
} 

Answer 7

solución simple:

<style> 
.center { 
    margin: auto; 

} 
</style> 

<div class="center"> 
    <p> somthing goes here </p> 
</div> 

Try Online