div inside button not showing

Question

Fiddle

I am making a social button, and I want it to look sort of like a custom g+ sign in button:

However, when I put the second div (to hold the right part of the button), It doesn't show:

HTML:

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

CSS:

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

Answer 1

There is no enough space for the letters in the button. If you increase the width of the button, putting for example width: 300px in the button, the letters will show.

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

Fiddle