html - 无法在按钮内移动文本

Question

我一直在制作各种按钮。

然而，我遇到了麻烦。

当它变小时，它会将文本推出框外，我似乎无法将其放回原处。

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

任何帮助，将不胜感激。

谢谢！

Answer 1

看起来 line-height 被设置为p.

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

如果您只是将 的 line-height 设置为p您希望p出现的高度，并且不给它任何明确的高度，它应该看起来不错：http: //jsfiddle.net/ByxRh/16/

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

Answer 2

jsfiddle

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