要使HTML元素居中，可以使用CSS样式来设置其水平和垂直居中。以下是一些示例代码：

　　水平居中：

<div style="text-align:center;">
  <p>这是一个段落</p>
</div>

 　　垂直居中：

<div style="display:flex;align-items:center;">
  <p>这是一个段落</p>
</div>

 　　水平和垂直居中：

<div style="display:flex;justify-content:center;align-items:center;">
  <p>这是一个段落</p>
</div>

 　　这些示例代码都是使用内联样式来设置元素的居中方式。为了使代码更易于维护，最好将样式定义为CSS类，然后将其应用于元素。例如，下面是一个使用CSS类来居中元素的示例代码：

<style>
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

<div class="center">
  <p>这是一个段落</p>
</div>