文字单行居中，多行居左/居右

题目要求： 

在文本字数在一行的情况下，让其居中显示，而在文本字数达到多行的情况下，让其居左显示

 

<div>
    <p>标题内容</p>
</div>

div {
    padding : 0 2vw;
    margin : 0 auto; // 使div框居中
    width : 80vw; 
    text-align : center; // 文本居中显示
}
p {
    width : auto;  // 必设
    display : inline-block; // 不能设置为block
    text-align : left; // 居左显示
}