Comment centrer un div

Question

#container { 
width: 960px; 
margin-left: auto; 
margin-right: auto; 
height: auto; } 

#large_box { 
text-align: center; 
width: 960px; 
margin-left: auto; 
margin-right: auto; 
height: auto; } 

#searchbcid { 
position: absolute; 
left: 400px; 
margin-left: 50px; 
top: 280px; } 

#createbcid { 
position: absolute; 
margin-left: 250px; 
top: 280px; 
left: 550px; } 

#loginpos { 
position: absolute; 
margin-left: 20px; 
left: 30px; 
top: 280px; } 

Dans mon code HTML, il existe un div nommé container. Tous les autres div sont placés dans le conteneur. Un autre div, large_box qui contient 3 autres div tels que loginpos, searchbcid, createbcid. Mais je ne peux pas centrer aligner le divlarge_box.

Comment puis-je centrer l'alignement?

Answer 1

Dans votre css utiliser seulement margin:0 auto; avec une certaine largeur pour div alors il sera automatiquement aligné au centre de cette largeur fournie.

codage heureux ...

Answer 2

CSS:

#wrapper_div{ 
width:500px; 
height:500px; 
} 

#inner_div{ 
width:200px; 
margin:0 auto; 
} 

HTML:

<div id="wrapper_div"> 
<div id="inner_div"> 
Centred content here! 
</div> 
</div 

Answer 3

Cela fonctionne pour moi.

CSS

div#center{ 
     width:250px; 
     margin:0 auto; 
     background-color:yellow; 
} 

/* To support IE */ 
div#parent{ 
     align:center; 
} 

HTML

<div id="parent">  
     <div id="center"> 
     I'm in the middle! 
     </div> 
    </div> 

JSFiddle Link

Answer 4

Essayez de régler votre marge à 0 automatique, il sera centré horizontalement votre élément dans son récipient avec votre largeur spécifiée .

#large_box { 
text-align: center; 
width: 960px; 
margin: 0 auto; 
height: auto; } 

Answer 5

Utilisez ce CSS pour div. Il sera centré horizontalement.

#large_box { 
    width: 960px; 
    margin: 0 auto; 
}