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

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

1. 你可以使用margin-left
2. 您可以使用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;    
}