要使元素水平居中，可以使用CSS的flexbox布局。具体来说，需要将元素所在的父容器设置为display: flex，并在父容器上应用justify-content: center样式。这将使子元素在水平方向上居中对齐。
示例代码如下：
.parent {
display: flex;
justify-content: center;
}
.child {
/* 其他样式 */
}在上述代码中，.parent代表父容器，.child代表子元素。通过设置display: flex和justify-content: center，子元素将水平居中对齐。
需要注意的是，上述方法仅在使用flexbox布局时适用。对于其他布局方式，可能需要使用不同的方法实现水平居中。