Question

When I place a dt and his dd element in one line:

display: inline-block;
margin: 0px;

There will still be a little margin between those two.
A solution I’ve found is:

margin-left: -4px;

But isn’t there a better way to solve it?

Answer 1

Yes, the space is caused because an inline-block is part of the inline flow, which means any line break will cause a space. There are several solutions:

• Remove the newline between the two elements.
• Set font-size: 0 on some common parent.
• Use floats instead of inline-block

Here’s a good article on the subject.