HTML / CSS：以某个点为中心而不是整行代码

Question

我的目标是拥有这样的东西：

Link1 This text is a bit long <bullet point> Link2 This text is real short

我想让子弹点居中，而不是整行代码本身。这是我目前的代码：

<center>
<div id="links">
<a href ="post.php">Post to Classifieds</a>
<span style="padding-left: 20px; padding-right: 20px;">&#9679;</span>
<a href="contact.php">Contact</a>
</div>
</center>

Post to Classifieds ● Contact

目前在“分类广告”中间的中间位置对齐文本而不是我需要的内容，这是中心点。有谁知道解决方案？

Answer 1

你是说这样的话吗？ http://jsfiddle.net/uday99/kFGmC/1/

Answer 2

也许这就是你想要的？

http://jsfiddle.net/uday99/kFGmC/1/

基本上，只需使外部两个元素的宽度相同，然后它就会根据您的意愿围绕子弹点。

Answer 3

编辑：或者这个...... http://jsfiddle.net/kFGmC/22/

子弹将对齐，因为第一个跨距具有相同的宽度。整条线将居中，因为两侧的链节宽度相同。

Answer 4

这应该有用..

http://jsfiddle.net/PUnzb/3/

以下将帮助您弄清楚我做了什么。

https://stackoverflow.com/a/114549/210696