以子弹为中心的流体UL

Question

我们收到了客户的奇怪请求。他们希望特定<ul>的内容以图标为中心。中心不是问题本身，也不是图标。

问题在于，我无法找到一种方法，使<li>以可变宽度居中，而不会使图标左对齐。

所以我们正在尝试实现您在http://jsfiddle.net/MBEKW/中看到的内容，但图标应该正常浮动到<li>的左侧，就像它留下的那样-aligned。

关于如何实现这一目标的任何想法？ FWIW，我们正在使用TWBS 2.1.1，但这看起来如此普遍，以至于bootstrap甚至不应该成为一个因素。

Answer 1

你应该添加这个

li {
    border: 1px dotted green;
    list-style-position: inside;
}

jsfiddle

或者您可以像这样执行图像图标

http://jsfiddle.net/MBEKW/3/