css两行字怎么对齐

在CSS中，我们经常会遇到文本中两个短语在同一行中需要对齐的情况，下面介绍两种方法：

/* 方法1：使用display:inline-block */
span{
    display: inline-block;
    width: 50%;/* 设置宽度为父元素的50% */
}

/* 方法2：使用flex布局 */
.container{
    display: flex;
    justify-content: space-between;/* 将两个子元素分别置于左右两端 */
}