css一行文字左右浮动 |文字发光效果css3

.text {
overflow: hidden; /* 清除浮动 */
}
.float-left {
float: left;
}
.float-right {
float: right;
}

首先大家需要把一行文字包裹在一个元素中，如下：

这是一行文字，左右浮动的元素可以显示在文字的两侧。

然后大家创建两个浮动元素，一个向左浮动，一个向右浮动，如下：

这是一行文字，左侧元素右侧元素可以显示在文字的两侧。

最后就可以看到左右两侧有两个元素浮动显示在文字旁边了。

需要注意的是，如果浮动元素的宽度过大，可能会超出一行文字的范围，影响到页面的布局。因此建议给浮动元素设置合适的宽度。