div内部按钮未显示

Question

小提琴

我正在制作一个社交按钮，但我希​​望它看起来像一个自定义的g +登录按钮：

但是，当我放置第二个div（以保持按钮的右侧）时，它没有显示：

HTML：

<div id='p' style='display: inline-block'>Testing Testing 123</div>

CSS：

#p {
    height: 25px;
    width: 50px;
    background: #371e41
}

Answer 1

按钮中的字母没有足够的空间。 如果您增加按钮的宽度，例如在按钮中输入width: 300px ，则会显示字母。

#b {
    height: 25px;
    width: 300px;
    ...
}

小提琴