Как сдвинуть 2 элемента вправо?

Question

[88qqqq]

https://codepen.io/HOBOTS/pen/LYBBMqV

Помогите как можно сдвинуть регистрация и войти вправо?

Пробовал все виды форматирования расположения контента, для установки его расположения right

Comments

[Ankhena]

flex родителю.
Для "Войти" левый margin auto

[Александр]

Можно и так)

[88qqqq]

Александр, О, все получилось спасибо!!

[Ankhena]

88qqqq, а теперь проверить код валидатором.
Александр, что же вы советуете-то.. аж слезы наворачиваются.

div не может быть дочерним элементом ul.
float для таких вещей бросили применять уж скоро лет 10 будет.

Уж лучше действительно разбейте на 2 списка.
Тем более, что они и по логике вполне разные.

Answer 1

[Виталий Моржов]

Здравствуйте!
Можно так сделать

<nav>
  <input type="checkbox" name="menu" id="btn-menu"/>
      <label htmlFor="btn-menu">☰</label>
          <div class="flex">
               <ul>
                   <li><a href="#">ПОДДЕРЖКА</a></li>
                   <li><a href="#">ДИСКОРД</a></li>
                    <li><a href="#">СТАТУС</a></li>
                    <li><a href="#">КАТАЛОГ</a></li>
                    <li><a href="#">КУПИТЬ</a></li>
                 </ul>
                  <ul>
                    <li><a href="#" style={{boxShadow:'white 0 0 1px 1px', margin:'0 10px'}} className="1px">ВОЙТИ</a></li>
                    <li><a href="#" style={{boxShadow:'white 0 0 1px 1px'}}>РЕГИСТРАЦИЯ</a></li>
                 </ul>
           </div>
    </nav>

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