Как выравнять горизонтальное меню по правой стороне? Как сверстать такое меню?

<div class="menu">
  <span>Первый</span>
  <span>Второй</span>
  <span>Третий</span>
</div>

.menu {
  display: flex;
  flex-direction: row;
  width: 100%;
  Justify-content: flex-end;
}