Flex: как выравнять блок по центру родителя, независимо от соседей?

<div class="parent">
  <div class="one">One</div>
  <div class="two">Two</div>
  <div class="three">Three</div>
</div>

.parent {
  display: flex;
  border: 1px solid black;
  justify-content: center;
}

.one, .two, .three {
  display: flex;
  margin: 0 3em;
}