PrimeNg TabMenu Angular 11: установить последнюю вкладку справа

Question

Я использую Angular 11 и PrimeNG, а стиль - Flex.

Из PrimeNG сейчас работаю с TabMenu.

Представьте, что теперь я хочу разместить три вкладки: вкладка 1, вкладка 2 и вкладка 3. Я хочу, чтобы слева от браузера были вкладки 1 и 2, а справа мне нужна только вкладка 3.

Я использую следующие стили:

      .p-tabmenu .p-reset {
  width: 100%;
  display:flex;  
  justify-content: flex-start;
  background-color: red !important;
  flex-wrap: wrap;
}

и li childs:

      .p-tabmenu .p-reset > li:nth-child(5)  {
  float: right;
}

Этот стиль angular не распознает, и я не понимаю, почему.

как установить вкладку 3 справа с помощью Flex? а может с каким-то свойством TabMenu?

Answer 1

Одно из решений, которое я нашел в CSS:

      .p-tabmenu .p-reset {
  position: relative;
}

.p-tabmenu .p-reset > li:nth-child(5)  {
  position: absolute;
  right: 0;
  top: 0;
  
}

с этим работал.