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;添加到这些元素。或者简单地让它们作为块元素（默认行为）。