تعدادی div با کلاس یکسان در یک ردیف

[mey.sam]

سلام.چطور میتونم این سه تا باکس رو در یک ردیف و در وسط صفحه قرار بدم؟

کد


<section id="boxes">
<div class="container">
<div class="box">
<h3></h3>
<p></p>

</div>

<div class="box">

<h3></h3>
<p> </p>
</div>

<div class="box">

<h3></h3>
<p> </p>
</div>
</div>
</section>

[a1994n1373]

.box{
display:inline-block;
}

[<?php?>]

تقدیم شما :

https://jsfiddle.net/ax5af8v3/1/