how to remove the white space between two span tags?

Answer 1

just give font-size: 0; to .top-left-part and try....

.top-left-part {
   width: 220px;
   float: left;
   background-color: #ffffff;
/* padding-top: 60px; */
   font-size: 0;
 }

Actually by default display inline-block will create one invisible node between the elements so we need to remove that node giving font-size: 0 to the parent element. And you have to give font-size to your child elements.