使用下划线将动态宽度固定位置对象居中

Question

出于某种原因，我对这么简单的事情感到难过。

如何将固定位置对象与宽度不同的底部边框对齐？

我现在遇到的问题是它只适用于100％宽度的物体。

我可以使用固定宽度div或使用javascript轻松完成此操作，但是有没有针对此的css解决方案？

http://jsbin.com/uvaron/2

Answer 1

在display: inline-block;上使用#title p。

demo

Answer 2

这可以通过CSS完成。如果您将固定元素设置为left: 50%和margin-left: -[half the width of your element]，则即使调整大小也会居中。

这是Fiddle