Как выровнять дивы по горизонтали?

Question

[Speakermen]

Не могу выровнять по горизонтали без указания высоты где Add to card самый правый край.
Не работает(
flex items-center
align-content: center;
align-items: center;

Comments

[Александр Талалаев]

Непонятно что вы хотите выровнять? Есть картинка как должно быть?
У вас там на самом деле в целом всё по центру, а другое разбито с указанием ширины дивов. Поэтому сразу не ясно что у вас не вышло.

[Speakermen]

Александр Талалаев, я уже отцентрировал place-self-center

<div class="w-3/12 flex flex-row">
        <div class="ml-6 place-self-center">
          <div class="text-xs text-888888 mb-5 leading-none">
            Магазин: <span class="text-266cfb">dns</span>
          </div>
          <ul class="flex flex-row mb-9 items-baseline">
            <ng-template [ngIf]="card.discount">
              <li
                class="text-96989c mr-1.5 text-lg line-through font-normal leading-none"
              >
                {{ card.discount }}₽
              </li>
            </ng-template>
            <li class="text-272727 text-2xl font-semibold leading-none">
              {{ card.price }}₽
            </li>
          </ul>
          <button
            class="uppercase bg-266cfb text-white mb-5 px-10 leading-9 text-sm font-semibold rounded transition delay-150 duration-300 ease-in-out hover:bg-272727"
          >
            Add to cart
          </button>
          <ul class="flex flex-row gap-2.5 justify-center">
            <li
              class="w-9 h-9 cursor-pointer bg-e8e8e8 rounded-full transition delay-150 duration-300 ease-in-out hover:bg-266cfb"
            ></li>
            <li
              class="w-9 h-9 cursor-pointer bg-e8e8e8 rounded-full transition delay-150 duration-300 ease-in-out hover:bg-266cfb"
            ></li>
            <li
              class="w-9 h-9 cursor-pointer bg-e8e8e8 rounded-full transition delay-150 duration-300 ease-in-out hover:bg-266cfb"
            ></li>
          </ul>
        </div>
      </div>