HTML中設置垂直對齊方式非常簡單，只需要使用CSS的vertial-align屬性就可以輕松實現。下面我們來分步驟了解如何設置垂直對齊方式。 首先，我們需要準備一些樣式：

.container {
display: table;
margin: 0 auto;
}
.box{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 200px;
height: 200px;
background-color: grey;
}

上述樣式中，我們定義了一個名為container的容器，并使用display:table屬性將其設置為表格布局。box類是容器中的元素，并且使用display:table-cell屬性讓其像表格單元一樣排列。通過設置vertical-align屬性設置元素的垂直對齊方式。 接下來，我們創建HTML代碼并應用這些樣式：

這是一個居中對齊的盒子

上面的HTML代碼中，我們使用div元素來創建container和box容器。在box容器內，我們使用p標簽來包裹內容。這里我們使用了文本“這是一個居中對齊的盒子”。 最后，我們將樣式和HTML代碼合并在一起，并在瀏覽器中運行。我們會看到一個寬度為200px、高度為200px，背景色為灰色的盒子。而內容則會在盒子中水平居中和垂直居中對齊。 總結起來，HTML中設置垂直對齊方式可以通過CSS的vertical-align屬性來實現。我們可以定義一個容器，應用display:table屬性和垂直對齊方式，在其中放置其他子元素即可。這樣子元素就可以垂直居中對齊了。