在HTML中，我們可以使用CSS的writing-mode屬性來實現將文字豎向排列。具體代碼如下：

<style>
.vertical-text {
writing-mode: vertical-rl;
}
</style>
<p class="vertical-text">將要豎向排列的文字</p>

在上述代碼中，我們定義了一個名為vertical-text的類，并且為這個類添加了writing-mode屬性。這個屬性的取值為vertical-rl，表示將文字從右向左豎著排列。

在HTML中，我們只需要在需要豎向排列的文字所在的標簽中加上這個類名即可實現文字豎向排列。例如：

<p class="vertical-text">這些文字將豎向排列</p>

在某些情況下，我們需要使用CSS的transform屬性來實現文字豎向排列。具體代碼如下：

<style>
.vertical-text {
transform: rotate(-90deg);
transform-origin: right top;
writing-mode: vertical-lr;
}
</style>
<p class="vertical-text">將要豎向排列的文字</p>

在上述代碼中，同樣是定義了一個名為vertical-text的類，并且為這個類添加了transform屬性和writing-mode屬性。transform屬性的取值為rotate(-90deg)，表示將文字逆時針旋轉90度。而transform-origin屬性則表示旋轉軸的位置，這里的取值為right top，表示旋轉軸在文字塊的右上角。writing-mode屬性的取值為vertical-lr，表示將文字從左向右豎著排列。

在使用transform屬性實現文字豎向排列時，需要注意旋轉軸的位置和writing-mode屬性的取值。只有在這些細節都處理好了，才能得到符合預期的豎向排列效果。