HTML/CSS - 右側的空格

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;添加到這些元素。或者簡單地讓它們作爲塊元素（默認行爲）。