CSS中的浮動和對齊是前端開發中非常重要的一個知識點，它們可以幫助我們實現網頁布局的各種效果。下面我們來一起學習一下具體的用法。

首先，來看浮動的用法：

.float-left {
float: left;
}
.float-right {
float: right;
}

通過設置元素的float屬性為left或right，可以讓該元素浮動到指定的位置。比如，我們可以使用float: left讓一個元素浮動到左側，使用float: right讓一個元素浮動到右側。

接下來，我們來看一下對齊的用法：

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

通過設置元素的text-align屬性，可以讓該元素內部的文本內容對齊到指定的位置。比如，我們可以使用text-align: left讓文本內容左對齊，使用text-align: center讓文本內容居中對齊，使用text-align: right讓文本內容右對齊。

總結一下，浮動和對齊是CSS中非常重要的兩個屬性，它們可以幫助我們實現各種網頁布局效果。掌握浮動和對齊的用法，對于我們的前端開發工作非常有幫助。