您的位置:首页 > CSS入门 > 【 返回上一页

css文字向右对齐排版

使用css文字向右对齐排版

让对象内字体文本文字靠右对齐,所用CSS单词为text-align(内容排版)样式。

内容文字向右:
text-align:right

设置其值为right向右、靠右、居右属性排版效果

div文字向右对齐CSS:
div{text-align:right}

p内文字向右对齐CSS:
p{text-align:right}

指定对象内内容文字靠右代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>内容文字向右对齐 thinkcss</title>
<style>
.right{text-align:right;width:300px; height:100px; border:3px solid #F00}
</style>
</head>
<body>
<div class="right">内容靠右<br />内容设置向右对齐</div>
</body>
</html>

截图

css实现内容向右对齐
css实现内容向右对齐

相关标签: 靠右 内容靠右
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/css/1397.shtml

日期:2017-08-15 14:14 css学习与资料网 thinkcss原创

热门点击