Как сделать, чтобы все элементы были на одной строке?

Question

[xxxfdd]

У меня все блоки разных высот и я выравниваю по центру элементы, но они не на одной линии.
Как это можно решить, подскажите, пожалуйста?

&__bottom-hover{
    position: absolute;
    display: flex;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }

Answer 1

[natoje-zlo]

приложите нормальный код, а лучше на codepen закиньте
align-items: center;

Comments

[xxxfdd]

нет тут поситион абсолют

[natoje-zlo]

xxxfdd, да я вижу
только по таком куску кода хрен что можно понять

[xxxfdd]

natoje-zlo, Ща дам

[xxxfdd]

<div class="products__bottom-items">

          <div class="products__bottom-item">
            <img class="products__bottom-img" src="images/products/first.jpg" alt="">
            <h6 class="products__bottom-title">Wooden radio</h6>
            <p class="products__bottom-text">$29.00</p>

          
         
          <div class="products__bottom-hover">
             <img class="products__bottom-hover__lepa products__bottom-hover__img"
              src="images/products/icons/lepa.svg" alt="">
               <img class="products__bottom-hover__bag products__bottom-hover__img"
              src="images/products/icons/bag.svg" alt="">
               <img class="products__bottom-hover_love produc
               ts__bottom-hover__img"
              src="images/products/icons/love.svg" alt="">
            </div>
            </div>


          <div class="products__bottom-item">
            <img class="products__bottom-img" src="images/products/two.jpg" alt="">
            
            
            <h6 class="products__bottom-title">Lorem Ipsum</h6>
            <p class="products__bottom-text">$29.00</p>

            <div class="products__bottom-hover">
              <img class="products__bottom-hover__lepa products__bottom-hover__img" src="images/products/icons/lepa.svg" alt="">
              <img class="products__bottom-hover__bag products__bottom-hover__img" src="images/products/icons/bag.svg" alt="">
              <img class="products__bottom-hover_love produc
                           ts__bottom-hover__img" src="images/products/icons/love.svg" alt="">
            </div>
          </div>
          <div class="products__bottom-item">
            <img class="products__bottom-img" src="images/products/three.jpg" alt="">
            <h6 class="products__bottom-title">White chair</h6>
            <p class="products__bottom-text">$29.00</p>

            <div class="products__bottom-hover">
              <img class="products__bottom-hover__lepa products__bottom-hover__img" src="images/products/icons/lepa.svg" alt="">
              <img class="products__bottom-hover__bag products__bottom-hover__img" src="images/products/icons/bag.svg" alt="">
              <img class="products__bottom-hover_love produc
                           ts__bottom-hover__img" src="images/products/icons/love.svg" alt="">
            </div>
          </div>
          <div class="products__bottom-item">
            <img class="products__bottom-img" src="images/products/for.jpg" alt="">
            <h6 class="products__bottom-title">Retro table</h6>
            <p class="products__bottom-text">$29.00</p>

            <div class="products__bottom-hover">
              <img class="products__bottom-hover__lepa products__bottom-hover__img" src="images/products/icons/lepa.svg" alt="">
              <img class="products__bottom-hover__bag products__bottom-hover__img" src="images/products/icons/bag.svg" alt="">
              <img class="products__bottom-hover_love produc
                           ts__bottom-hover__img" src="images/products/icons/love.svg" alt="">
            </div>
          </div>
        </div>

&__bottom-hover{
position: absolute;
display: flex;
top:50%;
left:50%;
align-items: center;
transform:translate(-50%, -50%);
}

&__bottom-item{
    text-align: center;
    position: relative;

  }

[xxxfdd]

natoje-zlo, я пытаюсь выровнить эти картиночки по products__bottom-items но у меня получаеются 1 лупа 1 корзина и 1 сердечко вместо 4

[xxxfdd]

natoje-zlo, толи всем надо одну высоту дать не понимаю