Как я могу сделать так, чтобы мои теги переходили на новую строку всякий раз, когда они выходили за пределы div django-taggit

Question

Так что для начала я использую django-taggit для системы тегов на моем сайте.Все шло хорошо, пока я не решил попробовать действительно длинные струны и многие из них.Оказывается, это выливается из div.Я хотел бы знать, как я могу заставить его переходить на новую строку в div всякий раз, когда это происходит, или даже ограничивать максимально допустимые символы для каждого тега / ограничивать количество разрешенных тегов.

Вотрелевантные models.py

    class Post(models.Model):
    author = models.ForeignKey(User, on_delete=models.CASCADE)
    title = models.CharField(max_length=75)
    text = models.TextField()
    created_date = models.DateTimeField(default=timezone.now)
    image = models.ImageField(upload_to='post_images',blank=True,null=True)
    file = models.FileField(upload_to='post_files',blank=True,null=True)
    published_date = models.DateTimeField(blank=True,null=True,auto_now_add=True)
    comments_disabled = models.BooleanField(default=False)
    NSFW = models.BooleanField(default=False)
    spoiler = models.BooleanField(default=False)

    tags = TaggableManager()

А вот соответствующий HTML-файл

{% for tag in post.tags.all %}
        <li class="tag-list-box"><a class="tag-list-style" href="{% url 'mainapp:tagged' tag.slug %}">{{ tag.name }}</a></li>&nbsp;&nbsp;
        {% empty %}
        <li>No tags</li>
        {% endfor %}

РЕДАКТИРОВАТЬ: Вот CSS

.tag-list-box {
  white-space: pre-line;
}

Так как мне поступитьразрыв строки, когда теги начинают вытекать из div или даже как ограничить фактическое количество разрешенных тегов