在HTML5中，我們可以通過設置CSS樣式來實現元素居中。以下是幾種方法：

/* 方法1：使用text-align居中*/
div{
text-align:center;
}
/* 方法2：使用margin居中*/
div{
width:200px;
height:200px;
margin:auto;
}
/* 方法3：使用position和transform居中*/
div{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

方法1中，我們將元素的文本居中，適用于內部只有文本的元素。

方法2中，我們設置了元素的寬度和高度，并將其外邊距設置為自動。這會使元素在頁面上水平和垂直方向上居中。但是，要注意的是，此方法只對塊級元素有效。

方法3中，我們將元素的位置設置為絕對，然后使用top、left屬性將其定位在父元素的正中心。最后，我們使用transform的translate方法將元素水平和垂直方向上移動到其自身寬度和高度的一半，從而實現了居中效果。此方法適用于任何元素。