2013-05-16 22 views
0

這是我的代碼。文本里面的divs造成不必要的間距

我得到一個頂部空間裏面<h2>Nav</h2>上方的左div和另一個頂部右上div <h2>Title</h2>上面我不知道爲什麼和這些空間是不希望的。任何幫助,將不勝感激。

感謝

HTML

<body> 
    <div id="leftSide" > 
     <h2>Nav</h2> 
     <a href = "http://www.****.com/" class="txtLinks">Internal Link</a> 
     <a href = "http://www.****.com/" class="txtLinks">No Follow Link</a> 
     <a href = "http://www.****.com/" class="txtLinks">New Window Link</a> 
    </div> 
    <div id="rightSide" > 
     <h2>Title</h2> 
    </div> 
</body> 

CSS

body 
{ 
width: 955px; 
margin: 0 auto; 
} 

#leftSide 
{ 
float: left; 
padding-left:0px; 
background-color: #D3D3D3; 
width: 190px; 
height: 579px; 
border-right: 1px solid Black; 
} 

#rightSide 
{ 
margin-left: 191px; 
width: 764px; 
height: 579px; 
background-color: Green; 
} 

.txtLinks 
{ 
padding-left: 35px; 
padding-right: 25px; 
} 

回答

2

它只是默認的頂部/底部上所有頭元素出現保證金 - 只需添加:

h2 { 
margin: 0; 
} 

考慮使用在您的樣式表中刪除reset以刪除所有默認的UA樣式

+0

非常感謝! –