文字一行居中,多行左对齐demo

 <style>
        .nav {
            background-color: #cd0000;
            width:200px;
            text-align: center;
            padding:10px;
        }

        .nav-a{
            background:skyblue;
            display: inline-block;
            text-align: left;
        }
    </style>
</head>

<body>
    <div class="nav">
        <p href="" class="nav-a">导航航1导航1导航1导航1导航1导航1导航1导航1导航1导航1导航1导航1导航1</p>
    </div>
</body>

外层设置text-align:center;

内层转成行内块,text-align:left;

OK!

猜你喜欢

转载自blog.csdn.net/William526/article/details/86703051