Bonjour à tous,
je débute un peu en CSS et j'ai du mal à centrer un div (le div univers2)
voici mon code :
je débute un peu en CSS et j'ai du mal à centrer un div (le div univers2)
voici mon code :
Code:
#univers{
position: fixed;
margin-top: 80px;
text-align: center;
}
#univers .img{
float: left;
}
#univers2{
padding: 10px 94px 10px 94px;
position: fixed;
text-align: center;
font-weight: bold;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
#univers2 .univers-nouveau {
float: left;
width: 110px;
color: #964676;
}
Code:
<div id="univers">
<img src="images/b-nouveau_off.gif" name="b-nouveau" width="110" height="110" border="0" id="b-nouveau" />
<img src="images/b-biscuits_off.gif" name="b-biscuits" width="110" height="110" border="0" id="b-biscuits" />
<img src="images/b-chocolat_off.gif" name="b-chocolats" width="110" height="110" border="0" id="b-chocolats" />
<img src="images/b-confiserie_off.gif" name="b-confiseries" width="110" height="110" border="0" id="b-confiseries" />
<img src="images/b-snacks_off.gif" name="b-snacks" width="110" height="110" border="0" id="b-snacks" />
<img src="images/b-epicerie_off.gif" name="b-epicerie" width="110" height="110" border="0" id="b-epicerie" />
<img src="images/b-sanssucre_off.gif" name="b-sanssucre" width="110" height="110" border="0" id="b-sanssucre" />
</div>
<div id="univers2">
<span class="univers-nouveau">Nouveau</span>
<span class="univers-nouveau">Biscuits</span>
<span class="univers-nouveau">Chocolats</span>
<span class="univers-nouveau">Confiseries</span>
<span class="univers-nouveau">Snacks</span>
<span class="univers-nouveau">Epicerie</span>
<span class="univers-nouveau">Sans sucre</span>
</div>