CSS Mozilla中心对齐

我有一个页面，渲染后应该返回云标记。一切都很好。但是标签的对齐在Mozilla中并不在中心位置。在chrome和I7中，标签位于中间，但在Mozilla中，标签位于左侧

My.html：

{% extends "base.html" %}
{% block title %} Tag Cloud {% endblock %}
{% block head %} Tag Cloud {% endblock %}
{% block content %}
    <div id="tag-cloud">
        {% for tag in tags %}
            <a href="/tag/{{tag.name|urlencode}}/" class="tag-cloud-{{tag.weight}}">{{ tag.name|escape }}</a>
        {% endfor %}
    </div>
{% endblock %}

---

尝试将

display:block

添加到

#tag cloud

抱歉，这没有帮助！还有其他想法吗？你能创建一个JSFIDLE吗？

#nav {
    float:right;
}

input {
    display:block;
}

ul.tags, ul.tags li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: blue;
    display: inline;
}

#tag-cloud {
    text-align:center;
}

#tag-cloud a {
    margin: 0 0.2em;
}

.tag-cloud-0 { font-sie:100; }
.tag-cloud-1 { font-sie:120; }
.tag-cloud-2 { font-sie:140; }
.tag-cloud-3 { font-sie:160; }
.tag-cloud-4 { font-sie:180; }
.tag-cloud-5 { font-sie:200; }