Bymas | как в last-child выровнять текст

Тема закрыта by

pyrokinesis
Причина: решено

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

css

   .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);}

php

   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)
Скачиваний: 137

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

Сообщение удалено

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