HTML5和CSS提供了許多設置對齊方式的方法。無論是水平對齊還是垂直對齊，您都可以使用各種技術來讓您的網頁內容看起來更加漂亮。 一、水平對齊 在HTML5中，您可以使用text-align屬性來水平對齊文本。該屬性有以下取值： 1. left：左對齊 2. right：右對齊 3. center：居中對齊 例如，以下代碼將文本居中對齊：

<style>
p {
text-align: center;
}
</style>
<p>這段文字將居中對齊</p>

二、垂直對齊 在HTML5中，您可以使用vertical-align屬性來垂直對齊內容。在設置該屬性時，需要使用display:table的元素或display:inline-block的元素。vertical-align的取值包括： 1. top：頂部對齊 2. middle：垂直居中對齊 3. bottom：底部對齊 例如，以下代碼將一張圖片垂直居中對齊：

<style>
.container {
display: table;
}
img {
display: table-cell;
vertical-align: middle;
}
</style>
<div class="container">
<img src="example.jpg" alt="例子圖片">
</div>

三、浮動 在HTML5和CSS中，您可以使用浮動（float）屬性來對齊元素。浮動可以讓元素沿著頁面的左側或右側移動，并讓頁面內容環繞在該元素周圍。以下是浮動左側的例子：

<style>
img {
float: left;
margin: 10px;
}
</style>
<p>這里是一段文字，圖片將浮動在左側。</p>
<img src="example.jpg" alt="例子圖片">

以上是設置對齊方式的一些簡單方法，您可以根據需要使用這些方法來改善自己的網頁。