html - CSS - 试图在不对齐其他所有内容的情况下移动图片；什么是正确的属性？

Question

这是我正在做的元素

http://codepen.io/willc86/pen/ocqkf

我想做的是将房子图标向上移动一点，而不会使其他所有内容取消对齐或切换其他所有内容。

我试过了

position:absolute 这只会移动一切 我已经在链接上尝试了 line-height 和同样的事情，移动了一切

是否可以将房屋图标以其他方式向上显示？

我会把链接贴在下面

  <div id="container">

          <div id="box">
            <a href=""><img  src="http://www.iconsdb.com/icons/download/black/home-4-512.jpg" height="70" width"60" </a>
            <a href=""><img src="https://cdn0.iconfinder.com/data/icons/typicons-2/24/arrow-back-512.png" height="90" width="90"></a>
            <a href=""><img src="http://etc-mysitemyway.s3.amazonaws.com/icons/legacy-previews/icons/glossy-black-icons-business/080727-glossy-black-icon-business-computer-laptop2.png" height="100" width="100"></a>
          </div>

和我的CSS

#container{
  margin:auto;
  width: 700px;
  height: 1000px;

}

table{
  margin:auto;
  margin-top:30px;
}

.buttonMove{
    margin: 20px;
  margin-left: 294px;
}

#box{
  margin-left: 160px;
}

#box img{
  margin:0px 10px 0px 30px;
}

.house{
  position:absolute;
  left:502px;

}

Answer 1

你可以给图像一些底部填充:

style="padding-bottom:10px"

codepen