在HTML與CSS中，對齊文本和元素是非常重要的一部分。align屬性可以使元素左對齊、右對齊、居中、垂直對齊等多種方式。

要對齊一個元素的內容，可以使用text-align屬性。以下是左對齊、右對齊及居中對齊的代碼實例：

.left-align {
text-align: left;
}
.right-align {
text-align: right;
}
.center-align {
text-align: center;
}

除了控制元素內部文本的對齊方式，我們還可以使用display和margin屬性來對齊整體元素。以下是水平對齊方式的代碼實例：

.left-box {
display: inline-block;
margin-right: auto;
margin-left: 0;
}
.right-box {
display: inline-block;
margin-left: auto;
margin-right: 0;
}
.center-box {
display: block;
margin: 0 auto;
}

上述代碼將一個塊級元素設置為行內塊元素，并使用margin屬性使其水平對齊。

對于垂直對齊，可以使用vertical-align屬性。以下是若干種垂直對齊方式的代碼實例：

.vertical-top {
vertical-align: top;
}
.vertical-middle {
vertical-align: middle;
}
.vertical-bottom {
vertical-align: bottom;
}

vertical-align屬性可以用在行內元素和表格單元格中。它可以與文本和圖像一起使用。

總的來說，CSS的對齊屬性非常有用，可以幫助我們精確控制布局和排列。我們可以靈活地使用這些屬性，使網頁效果更加美觀和專業。