在CSS5中，文字的上下對齊可以使用vertical-align屬性來設置。該屬性可用于所有的行內元素和表格單元格。

例如，我們可以使用以下代碼將一張圖片和一段文本垂直居中對齊：
<div class="container">
<img src="example.png" alt="example">
<p class="text">This is an example</p>
</div>
.container {
display: flex;
align-items: center;
}
.text {
vertical-align: middle;
}
這樣，圖片和文本都將被垂直居中對齊。我們還可以使用vertical-align屬性來實現其他樣式的對齊，例如底部對齊和頂部對齊。
.vertical-bottom {
vertical-align: bottom;
}
.vertical-top {
vertical-align: top;
}
此外，當我們在表格中使用vertical-align屬性時，該屬性將對單元格中的內容進行垂直對齊。這對于制作網格布局非常有用。
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
td {
vertical-align: middle;
}
使用以上代碼，我們可以將表格中的每個單元格中的內容都垂直居中對齊。