css一行分左右 |css3让图片变大变小

.container {
display:flex;
justify-content:space-between;
}

要实现“一行分左右”，就需要使用CSS中的Flex布局。首先，大家需要为父元素设定一个容器，并且设定display属性为flex。接下来，大家使用justify-content属性，将两个子元素位置相对左右两侧，使内容实现左右排列。

以下是一个示例代码，其中两个子元素分别使用了div标签来实现，可以根据需求调整代码以适应不同的布局结构。

.container {
display: flex;
justify-content: space-between;
}
.left {
width: 30%;
background-color: lightgreen;
}
.right {
width: 68%;
background-color: lightblue;
}
左侧内容
右侧内容

通过以上代码的设置，大家可以实现一行分左右的布局，左侧内容和右侧内容并排展示，从而提高页面的显示效果。