html中的文字怎么靠右?文字靠右代码分享
当我们在学习 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。