html中的文字怎么靠右？文字靠右代码分享

猿友 2021-05-24 17:17:30 浏览数 (28473)

反馈

当我们在学习 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>

使用text-align的文字靠右

方法二：

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

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

使用float样式的文字靠右浮动

方法三：

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

标签中的属性

align

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

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

使用P标签中的align属性的文字靠右

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