Наклон на divs с помощью css border?

enter image description here

Вот мой html:

.appointment_data_div {
  margin: 0 auto;
  margin-top: 50px;
  width: 600px;
  height: 50px;
  box-shadow: 0px 5px 5px 0 #cccccc;
  border-radius: 15px;
  padding-top: 10px;
  border: 2px solid black;
}
<div style="margin: 0 auto; margin-top: 25px; text-align: center; padding: 0px;">
  {% for name in client_name %}
  <div class="appointment_data_div">{{ name }}
    <div>
      {% endfor %}
    </div>

По какой-то причине, как вы можете видеть ниже, div'ы наклонены? Я использую django в качестве фреймворка.

Исправить конец div ?

<div style="margin: 0 auto; margin-top: 25px; text-align: center; padding: 0px;">
  {% for name in client_name %}
  <div class="appointment_data_div">{{ name }}</div>
  {% endfor %}
</div>

если ваши div'ы вложены, вы можете использовать следующее:

// in your css
div .appointment_data_div {
  padding-left: 15px;
}
Вернуться на верх