Шаблон django не применяет css

я хочу использовать text-align = justify и уменьшить ширину текста в файле шаблона django, но это не работает. статические файлы и направление работают без проблем, но я не могу сделать что-то только с этим элементом django, и я понятия не имею, как это исправить. это мой css скрипт :

#name1{

    text-align: justify;
    width: 20%;
}
#name2{

    position: relative;
    text-decoration: none;
    color: black;
    font-family: lalezar;
}

и вот мой HTML-скрипт :

<html>
<header>
<body>
{% for item in post %}
<div id="post1">

  <a href="{% url 'page_detail' item.pk %}" id="name2"><h2 id="name1">{{item.title}}</h2></a>
  <h3>{{item.author}}</h3>

</div>

{% endfor %}

</body>
</header>
</html

я искал в google, но ничего не нашел.

Атрибут HTML id используется для указания уникального идентификатора HTML-элемента. В вашем коде вы используете ID css селектора для нескольких html элементов, потому что вы генерируете его через цикл for. Я предлагаю вам использовать css-класс вместо id:

// css file
.name1{
    ...
}

.name2{
    ...
}

и в шаблоне:

<-- django template -->
{% for item in post %}
    <div id="post1">
        <a href="{% url 'page_detail' item.pk %}" class="name2">
            <h2 class="name1">
                {{item.title}}
            </h2>
        </a>
        <h3>
            {{item.author}}
        </h3>
    </div>
{% endfor %}
Вернуться на верх