How to remove space between two div element [duplicate]

Question

I got two divs

  <div>abc</div>
  <div>def</div>

with css as this

div{
  display:inline-block;
  padding:0px;
  margin:0px;
}

body{
   padding:0px;
   margin:0px;
}

how can i remove the gap/space between first and second div

link for the same http://cssdeck.com/labs/i5oysgmt

Answer 1

Remove the spacing at the code level.

Write like this.

<div>abc</div><div>def</div>

Answer 2

div{
  display:inline-block;
  padding:0px;
  margin-left:-4px;
}