当我们在学习 HTML 的过程中会出现不同的位置放置问题，那么这篇文章 w3cschool 小编告诉你 怎么设置 HTML 中的文字靠右？文字靠右怎么做？

方法一：

使用​text-align​属性可以控制，使得文字靠右，代码和截图如下： 

<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>html中的文字怎么靠右</title> 
 </head> 
 <body> 
 <div style="text-align: right; background: blanchedalmond;"> 
 这里的文字是靠右的 
 </div>
 </body> 
</html>


方法二：

使用​float​样式，让文字右浮动即可，示例代码如下：

<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>html中的文字怎么靠右</title> 
 </head> 
 <body>
 <div style=" float:right; background:blanchedalmond;"> 
 这里的文字是靠右的 
 </div>
 </body> 
</html>


方法三：

在文本对齐的方式中我们可以使用HTML中​

​标签中的属性​

align

​完成对齐方式，代码和截图如下：

<html> 
 <head> 
 <meta charset="utf-8"> 
 <title>html中的文字怎么靠右</title> 
 </head> 
 <body> 
 <br /> 
 <p align="right"> 
 山有木兮木有枝，心悦君兮君不知 
 </p> 
 </body> 
</html>

以上就是文章html中的文字怎么靠右的全部内容。更多 HTML 的知识和内容学习请关注 w3cschool。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。