Css 水平对齐3个div

我有3个分区，我想水平对齐，我已经在我的网站上的其他分区使用了这个代码，他们正在工作，这些分区中有我缺少的东西吗

---

每个子框都需要有

.christmas\u box

类，如下所示：

<div id="christmas_product_boxes">
    <div class="christmas_boxes">
        <div class="christmas_mattress">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_pillows">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_beds">
        ...
    </div>
</div>

...
...
...

<div id="christmas_product_boxes">
    <div class="christmas_boxes">
        <div class="christmas_mattress">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_pillows">
        ...
    </div>
    <div class="christmas_boxes">
        <div class="christmas_beds">
        ...
    </div>
</div>