html中令一个盒子水平居中

要让一个盒子水平居中，有以下几种方法：

1. 使用text-align属性：将父元素的text-align属性设置为center，可以使其中的块级元素水平居中。

<style>
    .parent {
        text-align: center;
    }
</style>
<div class="parent">
    <div class="child">要居中的盒子</div>
</div>

2. 使用margin属性：将要居中的盒子设置一个margin值，并且左右margin值相等，即可水平居中。

<style>
    .child {
        width: 200px;
        margin: 0 auto;
    }
</style>
<div class="child">要居中的盒子</div>

3. 使用flex布局：将父元素的display属性设置为flex，然后使用justify-content属性将子元素水平居中。

<style>
    .parent {
        display: flex;
        justify-content: center;
    }
</style>
<div class="parent">
    <div class="child">要居中的盒子</div>
</div>