Ul li и python django?

Question

[50VAJJ]

Привет. Может ли django влиять на css?
Вот коды -
модели

class Tag(models.Model):
    name = models.CharField(verbose_name='Название тега', max_length=50, default='')
    alias = models.SlugField(verbose_name='Alias тега', default='')

    def __str__(self):
        return self.name

    class Meta:
        verbose_name = 'Tag'
        verbose_name_plural = 'Tags'

views

def mainPage(request):
    tag = Tag.objects.all()
    return render(request, 'mainPage/index.html', locals())

HTML

<div class="tags">
                {% for value in tag %}
                <ul>
                    <li><a href="">{{value.name}}</a></li>
                </ul>
                {% endfor %}
            </div>

и CSS

.tags{
    width: 100%;
    height: 100px;
    margin: 15px auto;

    text-align: center;
}
.tags ul{
    text-align:center;
}
.tags li{
    display:inline-block;

    margin: 5px 10px;

    cursor: pointer;
    transition: all .2s ease-in-out;
    text-align: center;

    border-radius: 3px;
    background-color: #44c1b9;
}
.tags li:hover{
    transform: scale(0.95);
}
.tags a{
    display: block;

    padding: 10px;

    font-size: 17px;
}

Всё работает идеально, за исключениям того, что все теги идут по центру вниз один за другим. Когда просто верстал шаблон, такого не было и text-align:center работал идеально. А теперь каждый тег расположен по центру страницы и идёт один за другим вниз.
Скорее всего это из-за цикла for в HTML документе, т.к. проблема появилась как только я его добавил.
Как её можно решить?

Answer 1

[Astrohas]

<div class="tags">
                {% for value in tag %}
                <ul>
                    <li><a href="">{{value.name}}</a></li>
                </ul>
                {% endfor %}
            </div>

заменить на

<ul class="tags">
                {% for value in tag %}

                    <li><a href="">{{value.name}}</a></li>

                {% endfor %}
        
</ul>

Comments

[50VAJJ]

Хм. Сработало, спасибо. Но в другом djnago проекте делал с ul и всё ок было, мб там css другой совсем...

[Александр]

50VAJJ: Дело ж не в css - тут дело в html - вы разметку для списка генерили неверную в шаблоне.

Answer 2

[sim3x]

Нет, такое не делают потому, что MVT

Изучите pep8 - увас неправильно именются функции