Как расположить элемент справа в табах?

Question

[Radarchik]

Подскажите как разместить на одной линии табы и кнопку закрытия модального окна так, чтобы табы были слева, а кнопка справа, и находились все на одной линии горизонтально. Сейчас код выглядит так (кнопка сразу после табов):

<div class="modal-header-tabs">
  <ul class="nav nav-tabs align-items-center">
    <li class="nav-item">
      <a class="nav-link active" href="#">Tab 1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Tab 2</a>
    </li>          
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true" class="mdi mdi-close-box-outline" />
    </button>
  </ul>
</div>

Answer 1

[Radarchik]

https://jsfiddle.net/0nyx86ov/

Answer 2

[Дмитрий]

Пример