CSS 實現字體右對齊
在 Web 開發過程中，布局和樣式是最重要的兩個方面，其中字體的對齊效果直接決定了頁面的視覺效果。本文將介紹如何使用 CSS 實現字體右對齊效果。
CSS 屬性 text-align
在 CSS 中，我們可以使用 text-align 屬性實現文本的對齊效果，該屬性有四個屬性值：
text-align: left; // 文本左對齊 text-align: right; // 文本右對齊 text-align: center; // 文本居中對齊 text-align: justify; //文本兩端對齊
這里我們使用 text-align: right; 實現文字的右對齊，其 CSS 代碼如下：
.right-text {
text-align: right;
}接下來我們創建一個實例，使用上述代碼實現一個段落文字的右對齊，HTML 代碼如下：
<div class="right-text"> <p>這是一個右對齊的段落文本</p> </div>
完整的 HTML 和 CSS 代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>CSS 實現字體右對齊</title>
<style>
.right-text {
text-align: right;
}
</style>
</head>
<body>
<div class="right-text">
<p>這是一個右對齊的段落文本</p>
</div>
</body>
</html>最終呈現的效果如下：
這是一個右對齊的段落文本
上一篇css實現多行溢出隱藏
下一篇css實現圖片嵌入文字