css文字少时居中，多时左对齐

参考文档：https://demo.cssworld.cn/3/2-5.php

 

.box{
    width: 200px;
    height: 100px;
    text-align: center;
    background: red;
}
.content{
    display: inline-block;
    color: white;
    text-align: left;
}

<div class="box">
    <div class="content">测试测试测试测试测试测试测试测试</div>
</div>