Mysterious whitespace between “inline-block” divs [duplicate]

Answer 1

Solution 1: Add comments:

You can write everything on the same line, too, but it looks cleaner with comments.

---

Solution 2: Add font-size:0 to the parent element. Don't forget to define the font-size for child elements:

.tr {
  font-size: 0;
}
.td {
  font-size: 15px;
}