I am facing a challenge with aligning two divs on the same line, but they are not centered on the page. I have tried to adjust the code but without success. Here is my current code:
.table-1 {
overflow: hidden;
margin: 0 auto;
}
.box-1 {
background: url(../images/_C008.jpg) no-repeat center center /cover;
width: 32%;
height: 300px;
float: left;
}
.box-2 {
background: #374140;
width: 32%;
height: 300px;
overflow: hidden;
}<div class="table-1">
<div class="box-1">
</div>
<div class="box-2">
<p>Au quotidien, la vie de l’atelier est organisée autour des tâches minutieuses de chacun et tous sont conscients que l’excellence est le résultat d’un travail d’équipe.</p>
</div>
</div>