要讓盒子水平居中，可以使用以下方法：
1. 使用margin: 0 auto;：將盒子的左右外邊距設置為auto，這會使盒子在父元素中水平居中對齊。
<div style="margin: 0 auto;"><!-- 盒子內容 -->
</div>
2. 使用flexbox布局：將父元素的display屬性設置為flex，然后使用justify-content: center;來使盒子在父元素中水平居中。
<div style="display: flex; justify-content: center;"><!-- 盒子內容 -->
</div>
3. 使用grid布局：將父元素的display屬性設置為grid，然后使用justify-items: center;來使盒子在父元素中水平居中。
<div style="display: grid; justify-items: center;"><!-- 盒子內容 -->
</div>
無論選擇哪種方法，都可以實現盒子水平居中。根據你的具體需求和布局結構，選擇最適合的方法即可。
