Question

所以这就是我正在处理的问题：JSFiddle

1）注意内部div左边的小空间？我知道这是由字体的字母宽度引起的。默认情况下，所有字母宽度都相同。有没有办法在第一个单词之前摆脱空间？

我希望内部div完美排列，左边的边距相同。

2）另外，我知道必须有办法摆脱两个内部div之间的空间。我已经尝试将margin-bottom: 0;设置为第一个内部div，除此之外，我没有尝试过任何工作。

HTML：

<div class="banner-text">
   <div class="banner-title">My full name here.</div>
   <div class="banner-subtitle">Three random words.</div>
</div>

CSS：

.banner-text {
    font-family: helvetica;
    font-weight: bold;
    border: 1px solid black;
}

.banner-title {
    font-size: 65px;
}

.banner-subtitle {
    font-size: 25px;    
}

非常感谢任何帮助，请!!

Answer 1

您可以使用margin-left
您可以使用margin-top或margin-bottom

全部合并：

.banner-text {
    font-family: helvetica;
    font-weight: bold;
    border: 1px solid black;
}

.banner-title {
    font-size: 65px;
    margin-left: -4px;
}

.banner-subtitle {
    margin-top: -10px;
    font-size: 25px;    
}

消除由字母宽度和两个div之间的空间引起的额外空间

1 个答案: