HTML/CSS - div의 오른쪽에있는 공간

Question

간단한 질문이지만 내 인생에서 나는 그것을 이해할 수 없다. div의 내부 링크 인 이미지의 오른쪽에 공간이 있습니다. 어떻게 이미지의 왼쪽 공간을 없앨 수 있습니까?

코드 :

<style> 
div.home a { 
float: left; 
display: inline; 
} 
div.home p { 
top: 5%; 
right: 50%; 
} 
div.home { 
top: 10% 
position: absolute; 
width: 1400px; 

bottom: 0; 
left: 0; 
right: 0; 
margin: 0; 
} 

div.home #h1 { 
width: 700px; 
height: 400px; 
display: inline; 
background-image: url('parallax.png'); 
background-size: 700px 400px; 
} 
div.home #h2 { 
width: 700px; 
height: 400px; 
display: inline; 
background-image: url('normal.png'); 
background-size: 700px 400px; 
} 

<div class="home"> 
<p>Which version would you like?</p> 
<a href='https://dl.dropboxusercontent.com/u/10329732/portfolio/parallasx/index.html' id="h1"></a> 
<a href='https://dl.dropboxusercontent.com/u/10329732/portfolio/index.html' id="h2"></a> 
</div> 

Answer 1

난 당신이 #의 H1을 설정하고 #이 인라인 표시를 H2 있기 때문에 같아요. 그래서 약간의 여백이 있습니다.

해당 요소에 white-space:nowrap;을 추가하십시오. 또는 단순히 블록 요소로 보냅니다 (기본 동작).