增加标签“p”的高度并对齐中心

Question

我正在ul.buttons为我的网站创建一个菜单。 在其中，我有一个标题span.button-title，一个小标题span和一个代码p。 此代码必须垂直对齐中心，标题和副标题的一半。

如何制作自动标记p（红色）将具有相同的div.button自动设置。我尝试了height: 100%;但失败了。

在她保持相同的高度后，我会将标记p对齐在中心，垂直。

See代码。

感谢。

Answer 1

我更新了您的jsFiddle并进行了一些更改。

首先，inline-block元素不考虑垂直大小。因此，有必要更改为block并与float进行水平对齐。

然后，如果父元素没有固定高度，则元素不能使用height: 100%。然后将高度设置为button类。