在HTML中，我們可以使用class屬性來定義元素的樣式。而居中一個元素，就是通過設置其樣式的屬性來實現的。以下是一些關于居中的代碼，使用class屬性來實現：

.center {
text-align: center; /*這里是設置文本居中*/
margin: 0 auto; /*這里是設置元素水平居中*/
}
.vertical-center {
position: absolute; /*這里是設置元素相對于父元素絕對定位*/
top: 50%; /*這里是設置元素頂端與父元素頂端的距離為50%*/
transform: translateY(-50%); /*這里是使元素向上移動50%的距離，達到垂直居中的效果*/
}
.horizontal-center {
position: absolute; /*這里是設置元素相對于父元素絕對定位*/
left: 50%; /*這里是設置元素左側與父元素左側的距離為50%*/
transform: translateX(-50%); /*這里是使元素向左移動50%的距離，達到水平居中的效果*/
}

以上代碼中，.center是用于水平居中文本或塊級元素的class。.vertical-center是用于垂直居中元素的class，需要將該元素的父元素設置為相對定位（position: relative）。.horizontal-center也是用于水平居中元素的class，同樣需要該元素的父元素設置為相對定位。

在使用以上代碼時，只需要將相應的class加到所需的元素上即可實現居中效果。