HTML实现单行时文字居中，多行文字时左对齐显示效果

css代码：

div {
    width: 100px;
    padding: 5px;
    text-align: center;
    background-color: #5dffa0;
}
p {
    padding: 5px;
    display: inline-block;
    text-align: left;
}

html代码：

<div>
    <p>文字很少</p>
</div>

实现该效果的重要代码已做特殊标记，其与代码均为样式代码，仅是为了方便查看效果