CSS 如何實現 span 靠右的文章
一般情況下，文章中的文字或圖片會以左對齊的方式呈現，但在一些情況下，我們需要使部分文字或圖片以右對齊的方式呈現，這時就需要用到 CSS 的樣式來實現。
在 HTML 文檔中，我們可以使用
標簽來組織段落，使用![]()
標簽來顯示圖片，使用標簽來標記文本中的一個片段。下面將分別介紹如何將這些元素以右對齊的方式呈現。
1. 實現圖片靠右對齊
使用 CSS 中的 float 屬性可以使圖片靠左或靠右對齊。當需要將圖片靠右對齊時，只需在 CSS 樣式表中加入如下代碼：
```css
img {
float: right;
}
```
這樣，所有的圖片都會靠右對齊。
2. 實現文字靠右對齊
使用 CSS 中的 text-align 屬性可以調整文本的對齊方式。當需要將文本靠右對齊時，只需在 CSS 樣式表中加入如下代碼：
```css
p {
text-align: right;
}
```
這樣，所有的段落中的文本都會靠右對齊。
3. 實現元素靠右對齊
有時，我們需要將某個單詞或短語以右對齊的方式呈現，這時就可以使用 CSS 中的 display 和 float 屬性來實現。
首先，我們需要將元素聲明為塊級元素，這可以通過在 CSS 樣式表中加入如下代碼來實現：
```css
span {
display: block;
}
```
其次，我們需要將該元素向右浮動，這可以通過在 CSS 樣式表中加入如下代碼來實現：
```css
span {
display: block;
float: right;
}
```
這樣，元素中的文本就會以右對齊的方式呈現。
綜上所述，通過 CSS 中的 float 和 text-align 屬性，我們可以輕松實現圖片、文本和元素靠右對齊的效果，為文章排版提供了更多的靈活性和美觀性。
