html - 带元素符号的居中、流体 UL

Question

我们收到了一位客户的奇怪请求。他们想要一个特别的 <ul>的内容以图标为中心。居中本身不是问题，图标也不是。

问题是我找不到将 <li> 居中的方法s 的宽度可变，图标没有左对齐。

所以我们正在努力实现您在 http://jsfiddle.net/MBEKW/ 中看到的东西, 但图标应正常 float 到 <li> 的左侧，就像它左对齐一样。

关于如何实现这一点有什么想法吗？ FWIW，我们使用的是 TWBS 2.1.1，但这看起来太普通了， Bootstrap 甚至不应该成为一个因素。

Answer 1

你应该加上这个

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

jsfiddle

或者你可以像这样做图像图标

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