有很多的業務需要元素或者文字如果單行，居中顯示，如果數據增多，居中顯示
代碼（直接復制到編輯器可用）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>單行居中，多行居左顯示</title>
<style>
div{text-align: center;border: 1px solid #000;}
p{display: inline-block;text-align: left}
</style>
</head>
<body>
<div>
<p>這是我測試的文字，當文字超出的時候，居左顯示。這是我測試的文字，當文字超出的時候，居左顯示。</p>
</div>
</body>
</html>
