2013-01-07 76 views
0

嗨,出於某種奇怪的原因,我無法在此段落上設置字體家族或字體大小。這是代碼。我試圖以所有段落爲目標,文本保持不變。 這是代碼鏈接http://codepen.io/anon/pen/eHiAB正如你所看到的,我將所有段落的大小設置爲800px,並且它不工作。無法在段落上設置字體家族或字體大小

的CSS:

#about-us { 
margin: 10px auto; 
background-color:#FFF; 
height:800px; 
width:600px; 
left:125px; 
position: relative; 
padding: 0 55px; 
line-height: 36px; 

} 

#about-us p { 
text-align:left; 
padding-top: 20px; 
margin: 0 40px; 
} 

body { 
position:relative; 
} 

.sidemenu{ 
position:absolute; 
background-color: #FFf; 
width:170px; 
height:740px; 
margin-top: 10px; 
list-style:none; 
text-align:left; 
z-index:0; 
padding:0 35px; 
padding-top:60px; 

} 

.sidemenu li a{ 
color:#222222; 
padding: 0em 1em; 
line-height: 3em; 
border-bottom: dashed 1px #696868; 
display:block; 
} 


.sidemenu li a:hover { 
color:#D68D26; 
} 

HTML:

<body> <!-- start of the body--> 
      <ul class="sidemenu"> 
       <li><a href="">About Us</a></li> 
       <li><a href="">Contact Us</a></li> 
       <li><a href="">FAQ</a></li> 
       <li><a href="">How To Order</a></li> 
       <li><a href="">Term And Agreement</a></li> 
       <li><a href="">Shipping Information</a></li> 
      </ul> 
      <div id="about-us"> 

      <p><h2>About Us</h2>Lorem ipsum dolor sit amet, consectetur .<br  /> .</p> 
      </div> 

      </body> 
+0

嘗試關閉H2標籤。 –

回答

2

爲什麼你把一個H2語句p標籤中?你應該

<h2>About Us</h2> 
<p>Lorem ipsum dolor sit amet, consectetur </p> 

然後你的CSS文件應該讀你的p標籤這裏面

#about-us p { 
text-align:left; 
padding-top: 20px; 
margin: 0 40px; 
font-size: 12px; //(or whatever you want) 
} 
+0

段落內的h2標籤過早地關閉了段落標籤。 –

+0

所以保持h2和p分開應該解決問題 –

+0

是的,這就是爲什麼我upvoted你的答案。我剛剛評論說,OP瞭解發生了什麼。 –

0

您H2標籤導致了問題。

將h2移動到p標籤之外,然後選取font-size:800px樣式。