рябзи, давно не просил о помощи , но вот тут у меня маленькая проблемка, нихочу долго ломать голову.
Ну суть вот в чем- сделал я кнопки в разных цветах, все четко получилось, только вот длинный текс не хочет становиться по середине, а сьезжает.
каким его методом можно зациклировать что бы текст был именно по середке, скрин в низу.

.my-menu 

 {

 z-index:100;

 margin: 5px 0 0 35px;

 border-radius:50%;

 display:inline-block;

 padding: 12px 0 0 0 ;

  width:50px;

  height:50px;

  text-align:center;

  color:#fff;

  line-height:1.5;

 }

 

 .text-my-menu { color:#000; letter-spacing:1px; font-size:15px; padding:5px 0 0 0;}

 

 вот сам чилд для примера 

 

 .my-menu:nth-last-child(1) {background:rgb(240,128,128);}

 .my-menu:nth-last-child(2) {background:rgb(240,128,128);}

 .my-menu:nth-last-child(3) {background:rgb(240,128,128);}

 

 

 echo "<div class='mu-menu-content'>";

   echo '<a href=""class="my-menu"><img src="/style/svg/kount.svg" alt=""><div class="text-my-menu">Контакты</div></a>';

   echo '<a href=""class="my-menu"><img src="/style/svg/frends.svg" alt=""><div class="text-my-menu">Друзья</div></a>';

   echo '<a href=""class="my-menu"><img src="/style/svg/frends.svg" alt=""><div class="text-my-menu">Подарки</div></a>';

   echo '<a href=""class="my-menu"><img src="/style/svg/frends.svg" alt=""><div class="text-my-menu">Друзья</div></a>';

   echo "</div>";

 

Изображение

------
84841_17122022214621.jpg (26.9 Kb)
Скачиваний: 116

________
посл. ред. 17.12.2022 в 21:47; всего 1 раз(а); by pyrokinesis

фантазия тут никчему , я тупанул по размеру дива ,