HTML & CSS: Can't remove spacing between elemens

Issue

I’m having a hard time to remove the spaces between html elements.
I tried display: inline-block, float: right, ul view and many other ways.

As you can see in the snippet below, there is a white space between the images.

#brandpage-banners .brandpage-banner-container {
  float: right;
  width: 50%;
}
<div id="brandpage-banners">

    <div class="brandpage-banner-container">
      <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_2.png">
    </div>

    <div class="brandpage-banner-container">
      <img src="http://cdn.shoesonline.co.il/uploads/2016/12/columbia_brand_page_medium_banner_1.png">
    </div>

</div>

So, how do I remove that space?

EDIT:
The border is actually a part of the image. Sorry guys, and thanks anyway, silly! 😐

Solution

I’m pretty sure the white border is a part of the image itself.

Answered By – bitten

Answer Checked By – Terry (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.