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

猿友 2021-05-24 17:17:30 浏览数 (22565)
反馈

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


0 人点赞