p {
text-align: center;
}
.text1, .text2 {
display: inline-block;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
}
.text1 {
color: red;
}
.text2 {
color: blue;
background-color: yellow;
}
这里大家定义了两个元素通过display属性实现在同一行展示。text1和text2类对应的元素的样式不同,其中text1的字体颜色设置为红色,而text2的字体颜色是蓝色,还增加了背景颜色。
这样,大家就可以实现多段文字在同一行显示,用CSS样式表打造出更加美观的排版效果。
首页 >
css文字在同一行显示 |neat.css下载
css 宽度自动,css边框怎么重,jsp使用外部css样式,css hr怎么设虚线,css 两个样式冲突,纯div+css实现圆角,neat.css下载CSS代码如下: