html让一行文字在两行,css单行两行文本自适应问题

不知道你的要求是不是这样子，代码如下

欢迎大家给出好的答案

这里是一行文本

这里是二行文本

这里是一行文本

这里是二行文本

这里是三行文本

这里是一行文本

这里是二行文本

这里是三行文本

这里是一行文本

这里是二行文本

这里是三行文本

.line{

min-width: 321px;

margin:0 auto;

width:50%;

padding:20px;

background: #cecece;

}

.line .left{

display: inline-block;

border-radius:50%;

width:60px;

height:60px;

background: #000;

vertical-align:middle;

margin-right:60px;

}

.line .right{

box-sizing: border-box;

vertical-align:middle;

display: inline-block;

background: #fff;

overflow:hidden;

max-height: 60px;

padding:20px;

}