Как мне сделать пребывание h3 в определенном месте?

Question

Я пытаюсь выяснить, как установить <h3> в определенное место, чтобы оно не двигалось при добавлении предметов в сумку (см. Скриншоты ниже).В настоящее время у меня есть <h3> и кнопка «Удалить все» во флекс-контейнере, поэтому они отображаются рядом друг с другом.Я новичок в CSS, поэтому, если у кого-то есть предложения получше, пожалуйста, дайте мне знать!

В принципе, я бы хотел, чтобы "Ваша сумка" оставалась там, где она есть на втором фото, а не сиделаочень близко к кнопке и перемещается в зависимости от длины заголовка добавляемого элемента.Список пунктов, которые добавляются ниже, находится в теге <div>, а вся страница находится в другом гибком контейнере, поэтому «поиск устройства» находится слева, а «ваша сумка» - справа.

Answer 1

Вы можете попробовать присвоить float:right тегу h3

h3 {
 float: right;
}

или вы можете использовать position: absolute и дать top и right позиции.

h3 {
  position: absolute;
  top:30px;
  right:30px;
}