无法在按钮内移动文本

Question

我一直在制作各种各样的按钮。

然而，我遇到了麻烦。

当它变小时，它会将文本从包装盒中推出，我似乎无法将其重新插入。

这是一个链接：http://jsfiddle.net/MichaelT/ByxRh/1/

任何帮助都将不胜感激。

谢谢！

Answer 1

看起来行高设置为p高度的两倍。

p.speech {
     height:50px;
     line-height:100px;
}

如果您只是将p的行高设置为您希望p出现的高度，并且不要给它任何明确的高度，那么它应该看起来很好：{ {3}}

p.speech {
     line-height:50px;
}

Answer 2

jsfiddle

这是您的代码的更新版本。试着弄乱身高，字体大小等等，直到得到你想要的效果。