Harmoniser contenu à l'intérieur d'un div

Question

Comment aligner la deuxième div (display_bar) au centre

<div id="display" style="display:inline;font-size:150%;" > </div> 
<div name="display_bar" id="display_bar" 
    style="margin-left: auto;margin-right: auto;width:125em;text-align:center;visibility=visible;display:inline;"> 
    <img class="view_prev" src="first.png"> 
    <img class="view_prev" src="2.png" > 
    <img class="view_prev" src="3.png" > 
    <img class="view_prev" src="4.png" > 
    <img class="view_prev" src="5.png" > 
</div> 

également la deuxième div devraient être en ligne avec le premier div

Merci.

Answer 1

Comme il est display: inline, définissez text-align: center sur son élément parent et demandez-vous si elle doit être une période au lieu d'un div.

(NB: CSS utilise :, pas = et l'attribut alt est obligatoire pour les éléments img)

Answer 2

Essayez cette css:

#display_bar 
{ 
    margin:0 auto; 
    width:300px; /* or whatever width */ 
} 

Answer 3

Vous pouvez également centrer un élément avec affichage: inline-block ou display: inline en utilisant text-align: center sur l'élément parent. Cela centrera également le texte à l'intérieur. Je pense que c'est peut-être ce que vous voulez, puisque vous avez dit que vous vouliez tout aligner au centre. Il suffit de tout mettre dans la div.

Par exemple:

<div class="wraper"> 
    <div class="inwrap"> 
     Lorem ipsum dolor text... 
    </div> 
</div> 

CSS:

.wraper { 
} 

.inwrap { 
    width: 50%; 
    margin: 0 auto; 
} 

OU:

.wraper { 
     text-align: center; 
    } 

    .inwrap { 
     display: inline-block; /*or inline*/ 
     width: 50%; 
    }