CSS中有一個非常實用的屬性是text-align，它可以控制文本在一個元素中的水平對齊方式。在大多數情況下，我們都會使用text-align來控制文本的左對齊、居中或右對齊，但是有時我們需要對齊元素的右側，而不是左側。下面讓我們來看一下如何使用CSS對齊文本到元素的右側。 首先，我們需要使用text-align屬性，將其設置為right。這將使元素中所有文本都對齊到元素的右側。但是，這通常會將文本緊貼在元素的右側，這可能不是我們想要的效果。我們可以使用padding-right屬性來為文本創建一定的空間，以使其與元素右側保持一定的距離。 另外，如果我們希望元素的寬度能夠自適應其內容，我們可以使用display屬性設置為inline-block或inline，并將width設置為auto。這將使元素的寬度根據其內容自適應，而不是具有一個固定的寬度。 下面是一個示例代碼，其中一個p元素的文本被對齊到元素的右側：

p {
display: inline-block;
width: auto;
text-align: right;
padding-right: 20px;
}

通過使用這些CSS屬性，我們可以輕松地將文本對齊到元素的右側，同時確保其與元素邊緣之間有一定的距離。