div元素居中

可以通过以下两种方法将div元素水平居中：

1. 使用text-align属性将div元素内的文本居中

<div style="text-align:center;">
  <p>这是一个居中的div元素</p>
</div>

2. 使用margin属性将div元素居中

<div style="margin:0 auto;">
  <p>这是一个居中的div元素</p>
</div>

其中，margin的值0表示上下边距为0，auto表示左右边距为自动，即自动计算左右边距使元素居中。