CSS中常用到的文字垂直居右方式有很多，接下來將介紹其中兩種常見的方式。

/* 第一種：使用絕對定位 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
right: 0;
}

使用這種方式，需要將垂直方向的定位設為0，讓文字頂部和父元素頂部重合。將水平方向的定位設為0，則文字會與父元素右側保持距離，實現垂直居右的效果。

/* 第二種：使用flex布局 */
.parent {
display: flex;
}
.child {
margin-left: auto;
}

使用這種方式，首先需要將父元素設為flex布局，接著在文字垂直居右的元素上加上margin-left: auto;，這樣就可以將空余的部分全部留給該元素，實現垂直居右的效果。