[分享]css两个文字水平居中并列

CSS可以让我们轻松实现两个文字在一个元素中水平居中并列。

 .container{
        display: flex;
        justify-content: center;
    }

    .text{
        margin:0 10px;
    } 

首先，我们创建一个包含两个文字的元素，这个元素的class为container。

使用CSS的flex布局，我们可以让这个container元素中的子元素水平居中。具体代码如下：

 .container{
        display: flex;
        justify-content: center;
    } 

接下来，我们为每个子元素添加样式。我们使用margin来让这两个文字之间有一定的间距，具体代码如下：

 .text{
        margin:0 10px;
    } 

注意，这里我们为每个子元素创建了一个class名为text，其样式为margin:0 10px;

这样，我们就成功实现了两个文字在一个元素中水平居中并列的效果。