javascript - div里面的按钮不显示

Question

Fiddle

我正在制作一个社交按钮，我希望它看起来有点像自定义的 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;
    ...
}

Fiddle