對于一個HTML元素，要實現水平、垂直居中可以采取如下代碼：

{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

對于需要水平居中的HTML元素，可以采取如下代碼：

{
display: flex;
justify-content: center;
}

對于需要垂直居中的HTML元素，可以采取如下代碼：

{
display: flex;
align-items: center;
}

如果想要同時實現水平和垂直居中，可以組合上述代碼：

{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
}