Как выровнять псевдоэлемент?

День добрый, подскажите плез как отцентрировать псевдоэлемент относительно родителя? Родитель меньше псевдоэлемента, left 50% не то.

<span class="tulltip"></span>

.tulltip{
    background-image: url('../img/projects/tultip.svg');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.tulltip::before{
    content: 'Пример современных тенденций - современная методология разработки ';
    width: 265px;
    display: inline-block;
    background-color: var(--color-violet-content-text-bg);
    color: var(--color-white);
    font-size: 12px;
    font-family: var(--ff-os);
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translateY(-50%); */
    visibility: hidden;
    opacity: 0;
}

.tulltip:hover::before{
    opacity: 1;
    visibility: visible;
}
  • Вопрос задан
  • 112 просмотров
Решения вопроса 1
Airat-2020
@Airat-2020
Frontend developer
Попробуй так отцентровать
left: 50%;
transform: translateX(-50%);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы