兼容性

ie8+

例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一行文字居中，多行文字居左</title>
<style>
    /*required*/
    div {
        text-align: center;
    }
    p {
        display: inline-block;
        text-align: left;
    }
    /*optional*/
    * {
        margin: 0;
        padding: 0;
    }
    div {
        background: #ccc;
        width: 500px;
        margin-bottom: 1em;
    }
</style>
</head>
<body>
<div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi enim modi officiis quod. Aut beatae consequatur cumque debitis deleniti dolorum esse itaque, labore laboriosam molestias nisi quos similique sunt! Quo!</p>
</div>
<div>
    <p>lorem</p>
</div>
</body>
</html>

实现一行文本居中，多行文本居左

兼容性

例子