html - 去除周围多余的空白

Question

这是我的代码

#noOfItems{
   background-color: red;
   color: white;
   float: right;
   padding: 5px;
   margin-right: 10px;
   border-radius: 20px;
}
#viewCart{
   float: right;
   display: block;
   padding: none;
   outline: 1px solid blue;
}

<span id="noOfItems"></span>
<input type="image" id="viewCart" src="images/cart.png">

我尝试设置paddingtonone和vertical-aligntomiddle但<input type="image">. 图像本身没有任何空白。

标签： htmlcss