Je ne parviens pas à résoudre le problème de la centration de mes deux divs sur la page. Je sais que c'est à cause de float: à gauche. Mais pour la vie de moi, je ne peux pas comprendre comment résoudre le problème. Quelqu'un peut-il aider?Comment centrer le contenu de la page Web
Voici mon HTML:
<body>
<div align="center">
<div id="left" class="left">
Left box needs to be on left of of white box
</div>
<div id="content" class="content">
Right box needs to be on the right side of red box
</div>
</div>
</body>
Voici mon CSS:
body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }
body {
font-family: Arial, sans-serif;
background: #006699;
}
.content{
width: 300px;
float: left;
background: #ffffff;
height: 300px;
}
.left{
background: none repeat scroll 0 0 red;
float: left;
height: 300px;
width: 300px;
}
Je sais que le float: left; cause le problème mais je ne sais pas comment le résoudre.
Merci.
Fonctionne bien. Je vous remercie. Je suis nouveau à CSS et cela m'a vraiment aidé. Merci encore. –