2013-01-17 70 views
0

在我的李的文字似乎並沒有居中我正在使用保證金:10px汽車;而且它不工作,我也嘗試使用保證金:0自動居中整體上行,但不工作或者 這裏是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> 
+0

你爲什麼不使用裏面的'文本對齊「屬性中心文本? (並將margin改爲'margin-top:10px') –

回答

5

你的段落是100%的寬度,所以當你試圖居中......

您應設置寬度或文本對齊:中心段

2

你需要使用margin: 0 auto;

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

jsfiddle

之前明確指定的 <p>寬度