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

, который в настоящее время выравнивает текст по центру 's' в «объявлениях» вместо того, что мне нужно, то есть по центру маркера.Кто-нибудь знает решение?

Answer 1

Это должно работать ..

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

следующее поможет вам понять, что я сделал.

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

Answer 2

Может быть, это то, что вы хотите?

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

По сути, просто сделайте внешние два элемента одинаковой ширины, тогда он будет центрироваться вокруг точки маркера, как вы хотите.

Answer 3

РЕДАКТИРОВАНИЕ: Или этот ... http://jsfiddle.net/kFGmC/22/

пули выровняются, потому что первый диапазон имеет такую ​​же ширинувся линия будет центрирована, потому что ширина ссылок на обеих сторонах одинакова.

Answer 4

Ты хочешь сказать что-то подобное? http://jsfiddle.net/uday99/kFGmC/1/