How to remove space between two div element

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

score 15 · Accepted Answer · answered Aug 05 '14 at 07:01

15

Remove the spacing at the code level.

Write like this.

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

answered Aug 05 '14 at 07:01

Kheema Pandey

downvoter please explain..why -1? – Kheema Pandey Aug 06 '14 at 17:00
Probably because it sucks that you have to do this, but you're right. It will fix it. I upvoted to compensate. – Jun 27 '17 at 21:02
Each time, after using automatic code indentation in editor, an "Enter" will appear between two elements and create white space again!!! I prefer @ios-newbie 's answer. – Sara Vaseei Jul 29 '19 at 12:06
surprisingly, it worked.. – Daniel Vilas-Boas Nov 22 '20 at 23:14

Lex Nguyen · Answer 2 · 2018-07-04T13:44:47.430

5

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

edited Jul 04 '18 at 13:44

answered Aug 05 '14 at 07:02

Lex Nguyen

2

If you are using this dirty trick than make sure you use `-4px`, and I would like to warn you that this is a really dirty solution which will break if the font size varies – Mr. Alien Aug 05 '14 at 07:05

score 2 · Answer 3 · answered Aug 05 '14 at 07:01

2

That is because of the white space in inline-block elements

html

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

answered Aug 05 '14 at 07:01

4dgaurav

1

Wha about the divs are nav-bars and the code its big? – Luis Alfredo Serrano Díaz Jul 30 '20 at 19:42

3 Answers3