CSS - свойство Flex для выравнивания div

Question

Я создаю буксировочные div внутри другого внешнего div. Что я хочу, так это то, что мне нужно выровнять эти два элемента на двух концах внешнего элемента Я прикрепил свой код выше, но он не работает. Так что вы можете помочь?

.outer {
  flex-direction: row;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: stretch;
}

<div class="outer">
  <div class="outer-grid">one</div>
  <div class="outer-grid">two</div>
</div>

Answer 1

Я не уверен, каковы ваши другие детали. Если этот внешний div - ваш контейнер, только эти два могут обеспечить пространство между элементами.

#box-container {
display: flex;
justify-content: space-between;
}