我想垂直对齐两个具有定义大小的图像按钮，它们之间没有任何空格（边距）
我试图将边距设置为0，但空间仍然存在
<html>
<head>
<title>Test</title>
<style>
.test {
width:0.8em;
height:0.5em;
margin:0px;
border:1px solid black;
background-repeat:no-repeat;
background-position:center;
visibility:visible;
}
</style>
</head>
<body>
<form>
<div style="border:1px solid black; display:inline-block;">
<input class="test" style="background-image:url(arrow_up.png)" type="button" value="^">
<br>
<input class="test" style="background-image:url(arrow_down.png)" type="button" value="v">
</div>
</form>
</body>
</html>
它看起来像这样，但应该看起来像这样
+-+ +-+
|^| |^|
| | => |v|
|v| +-+
| |
+-+
您有什么主意，我需要设置哪个属性以消除边距？
编辑（答案）：
好的，所以
display:block;和删除<br>的组合确实可以实现我想要的一切 最佳答案
尝试使它们（输入）为块元素，默认情况下它们为内联元素，并可能提供一些空格。
演示：http://jsfiddle.net/2YNTk/1/，http://jsfiddle.net/2YNTk/2/（带有br标记）