CSS 塊元素右對齊 想要將塊元素右對齊，我們可以使用 CSS 的 text-align 屬性。text-align 屬性控制文本在一個塊容器內的水平對齊方式。默認值是左對齊，但我們可以將它設置為 right 來實現右對齊效果。 下面是一個例子，將一個段落塊元素右對齊：

p {
text-align: right;
}

如果我們想將整個頁面的內容都右對齊呢？我們可以使用以下代碼：

body {
text-align: right;
}

這將對所有塊元素都應用右對齊效果。 需要注意的是，如果在右對齊的塊元素中放置了左對齊的內聯元素，則內聯元素會繼續保持左對齊。我們可以使用 direction 屬性將內聯元素也調整為右對齊。例如：

這是一段右對齊文本，內部包含左對齊文本。這是內聯元素，左對齊。

這里，我們通過將 p 元素的 direction 屬性設置為 rtl，實現了整個塊元素的右對齊效果，并通過將內聯元素的 direction 屬性設置為 ltr，實現了內聯元素的左對齊。這個技巧還可以用于處理阿拉伯語等從右向左書寫的語言。 總之，通過使用 text-align 和 direction 屬性，我們可以輕松地將塊元素右對齊，以及處理內部的內聯元素的對齊方式。