سوال: تنظیم یک لیست به شکل یک باکس

و همینطور کدی که برای دکمه های پایین نوشتم بصئرت زیر هستش:
کدهای بخش HTML:

<div class="footer">
<button class="add-cart">Add to cart</button>
<button class="add-wishlist">Add to Wishlist</button>
</div>

کدهای قسمت CSS:

.footer{
height: 40px;
width: 100%;
position: absolute;
}
.add-cart{
width: 370px;
padding:7px;
color: white;
background-color: black;
display: inline-block;
text-align: center;
margin-bottom: 0;
border:none;
}
.add-wishlist{
width: 370px;
padding:7px;
color: black;
display: inline;
text-align: center;
margin: 0;
border:none;
}