div 标签翻译，我不知道为什么

Question

这是我关于 stackoverflow 的第一个问题，希望能做对。

所以，问题是我想每行放 2 个 div 

但是当我添加第四个时，第三个和第四个分别向下一行。

我试过使用 magin-top 但它只有在第二个 div 比另一个多 1% 时才有效（这不是我想要的）。

{% extends "base.html" %}

{% block content %}

    <div class="row-progetti-explorer">

        {% for p in all_p %}

            <div

                {% if forloop.counter|divisibleby:2 %}

                    class="div-progetti2"

                {% else %}

                    class="div-progetti1"

                {% endif %}

                >

                <h3>

                    <a href="{% url 'War:detail' p.pk %}"><b>{{ p.nome.title }}</b></a>

                </h3>

                <p style="border-bottom: 1px solid darkgreen">Category:

                    <a href="{% url 'War:explore' p.categoria_primaria.name %}">{{ p.categoria_primaria.name }}</a>

                    {% for c in p.categoria_secondaria.all %}

                         <a href="{% url 'War:explore' c.name %}">{{ c.name }}</a>

                    {% endfor %}

                </p>

                <a href="{% url 'War:detail' p.pk %}">

                    <div class="img">

                        <img src="{{ p.img.url }}">

                    </div>

                </a>

            </div>

        {% endfor %}

    </div>

{% endblock %}

.row-progetti-explorer {

    height: 100%;

    width: 100%;

    text-align: center;

    display:inline-block;

    background-color: blueviolet;

}

.div-progetti1{

    border: 2px solid darkgreen;

    float: left;

    width: 35%;

    background-color: red;

    color: black;

}

.div-progetti2{

    border: 2px solid darkgreen;

    float: right;

    width: 35%;

    background-color: palegoldenrod;

    color: black;

}

正如我所说，我每行有 2 个 div（第一个链接）