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

Question

我一直在做一个按钮。

但是，我遇到了麻烦。

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

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

如有任何帮助，我们将不胜感激。

谢谢!

Answer 1

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

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

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

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