在網頁設計中，一個優秀的排版可以提升網頁的美感和可讀性，而居中排列就是其中一種常用的排版方式。

HTML中，我們可以實現不同方式的居中排列，下面分別介紹三種方法：

/* 方法一：使用text-align屬性 */
.center {
text-align: center;
}

以上代碼中，我們創建了一個.center的類名，然后使用text-align屬性進行居中排列，這個方法適用于塊級元素。

/* 方法二：使用margin屬性 */
.center {
margin: 0 auto;
width: 50%;
}

以上代碼中，我們同樣創建了一個.center的類名，然后使用margin屬性進行居中排列，需要注意的是這種方法需要同時設置一個固定寬度。

/* 方法三：使用Flexbox布局 */
.container {
display: flex;
align-items: center;
justify-content: center;
}
.center {
width: 50%;
}

以上代碼中，我們創建了一個.container的類名，使用Flexbox布局的align-items和justify-content屬性進行居中排列，適用于塊級元素和內聯元素。

總之，無論哪種方法，居中排列都可以讓你的網頁更美觀，更易懂。