0

私のliのテキストは中央に配置されていないようです。マージンを使用しています：10px auto; そしてそれは機能していません、また私はマージンを使用してみました：0 autoでul全体を中央に配置しますが、これも機能していませんここにcssがあります

ul.mainpackages {margin: 0 auto; height: 40px; width: 100%; }
ul.mainpackages li {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-top-style: double;
    border-bottom-style: double;
    border-top-color: #FDFECD;
    border-bottom-color: #FDFECD;
    height: 40px;
    width: 300px;
    background-color: #DDEFEF;
    display: inline-block;
    margin: 0px 60px;
}
ul.mainpackages li p{
    margin: 10px auto;
    font-size: 16px;
}

とhtml

<ul class="mainpackages">
<li class="first1"><p>Pick a package that suits you!</p></li>
<li class="last1"><p>Special deals &amp; offers!</p></li>
</ul>
4

2 に答える 2

6

段落の幅は100％なので、中央に配置しようとすると...

幅またはtext-alignのいずれかを設定する必要があります：段落の内側の中央

于 2013-01-17T03:24:27.737 に答える
2

<p>使用する前に、幅を明示的に指定する必要がありますmargin: 0 auto;

ul.mainpackages li p{
margin: 10px auto;
font-size: 16px;
width: 180px;
}

jsfiddle

于 2013-01-17T02:14:00.607 に答える