将li创建为水平连接点

Question

我正在尝试创建一个ul，其中li是水平连接的点。另外，我希望其中一个点比其余点大，并且仍然将所有点都集中在我的连接线上。

我能够实现这一目标，主要是通过使用line-height来保持所有内容。

以下是我的例子：

http://jsfiddle.net/rLh4p70p/

但是，我还想增加较大圈子的文字。事情搞砸了。增加字体大小会为循环抛出line-height，并向下推动较小的圆圈，使它们不再居中。我试图摆弄边缘，但我永远无法排好它。

以下是字体增加后的样子。

http://jsfiddle.net/rLh4p70p/1/

我有什么想法可以解决这个问题？如果我需要重构我创建圈子的整个方式，我会没事的，但在一天结束时，我希望它是ul每个li }是一个圆圈，通过在enabled上放置一个类（比如li），它会增加圆的大小。

谢谢！

Answer 1

只需使用vertical-align: middle <{1}}

JSFiddle link

关于内联块的can learn可能很有用：）