css中文字在横线左右 |酷炫的css3旋转

这种排版方式可以使用CSS中的“text-align”属性和“vertical-align”属性来实现。

“text-align”属性用来定义文字水平对齐方式，有left、center、right三种取值，分别表示文字左对齐、文字居中对齐、文字右对齐。

“vertical-align”属性用来定义文字垂直对齐方式，有top、middle、bottom三种取值，分别表示文字顶部对齐、文字中部对齐、文字底部对齐。

文字左对齐，横线在文字右侧：p {
text-align: left;
}
.line {
display: inline-block;
border-top: 1px solid #000;
width: 50px;
height: 1px;
}
这是一行文字
文字右对齐，横线在文字左侧：p {
text-align: right;
}
.line {
display: inline-block;
border-top: 1px solid #000;
width: 50px;
height: 1px;
}
这是一行文字
文字居中对齐，横线在文字左右两侧：p {
text-align: center;
}
.line {
display: inline-block;
border-top: 1px solid #000;
width: 50px;
height: 1px;
vertical-align: middle;
}
这是一行文字

以上是CSS中文字在横线左右的基本实现方法，可以根据实际需要进行调整。