Создание промежутка между смежными div в начальной загрузке

Question

Я создал три div и я пытаюсь создать небольшой разрыв между div.

Вот как это сейчас.

Iздесь нужно создать пробел.

Вот HTML и CSS (div выполняется трижды в цикле)

<div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
</div>

.album-border {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

Answer 1

.album-border:not(:first-child) {
    margin-left: 5px
}

Это должно сделать это.

Answer 2

Это один из способов сделать это. Вы можете назначить ширину .album-border, чтобы она могла иметь некоторое пространство. После этого вы можете обернуть их в div со свойствами css justify-content: space-between; и display: flex; Надеюсь, это поможет

.album-border {
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  width: 31%;
}

.div-wrapper {
  justify-content: space-between;
  display: flex;
}

<div class="div-wrapper">
  <div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
  </div>
  <div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
  </div>
  <div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
  </div>
</div>