css文字居中问题-不够一行居中展示，超过一行左对齐

.text { width: 300px; margin: auto; padding: 8px; text-align: center; } .text p { text-align: left; margin: auto; display: inline-block; }

对父级设置margin: auto;text-align:center;对子级设置text-align:left;margin:auto;display:inline-block;