Html 内联块元素行和另一行之间不需要的空间

这不是一张桌子，我只是用了“行”，因为没有更好的词

我的问题是我有一组

display:inline block

元素和它们下面的一个元素，但是它们之间有一个间隙。请注意，我不是在讨论内联元素之间的空间，而是在讨论内联元素行和其他元素之间的空间。我已经尝试了上面提到的解决方案，设置了

行高

和

字体大小

，但没有任何帮助（这就是为什么下面的代码中没有设置的原因）

这是我的密码：

HTML

    <div id="letterhead">
        <div class="name"></div><div class="logo"></div><div class="name"></div>
        <div class="subtext"></div>
    </div>

我发了一封信

---

提前谢谢。

但这是因为您的

字体大小和
行高。在
#信笺
上将它们设置为0，不需要的空白将消失。如果你想把内容放在#信笺的子项上，你必须将字体大小和行高设置回原处

例如：
只需将
边距：0-4px0
添加到内联块div中即可。一切都会好起来的。若要删除行之间的空间，必须设置垂直：对齐：顶部。检查

CSS

body{
    background:#eee;
    width: 100%;
}
#letterhead {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 12rem;
    font: 32px Tahoma;
    color: #777;
    padding: 2rem;
}
    .logo {
        display: inline-block;
        width: 7rem;
        height: 7rem;
        background: #000;
    }
    .name {
        display: inline-block;
        height: 7rem;
        width: calc((100% - 7rem) / 2);
        background: #fff;
    }
    .subtext {
        //position: absolute;
        margin: 0;
        padding: 0;
        top: 9rem;
        text-align: center;
        width: 100%;
        height: 1rem;
        background: #555;
    } 

.logo {
        ...
        display: inline-block;
        margin:0 -4px 0 0;
        vertical:align:top
        ...
    }
    .name {
        ...
        display: inline-block;
        margin:0 -4px 0 0;
        vertical:align:top
        ...     
    }

我会在我能接受的时候接受。但我还有另一个问题：当我将它应用于父元素而不是子元素时，它是如何工作的？如果你想让父元素浮动，你可以在父元素上放置一个浮动，而不是在子元素上。彼此彼此。。。