要使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>

 　　這些示例代碼都是使用內(nèi)聯(lián)樣式來設置元素的居中方式。為了使代碼更易于維護，最好將樣式定義為CSS類，然后將其應用于元素。例如，下面是一個使用CSS類來居中元素的示例代碼：

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

<div class="center">
  <p>這是一個段落</p>
</div>