Псевдоэлемент ::before

Рейтинг: 0Ответов: 1Опубликовано: 16.06.2023
.numbers {
        &::before {
            content: url(../../img/shape_32_263.png);
            position: relative;
            right: 30px;
        }
    }

Хочу так хочу чтобы получилось так но у меня получается так но получается так

css html scss
Источник: Stack Overflow на русском

Ответы

▲ 0

Так или как?

.numbers::before {
    content: 'Допустим Иконка';
    position: absolute;
    left: -50px;
    top: calc(50% - 20px);
    display: block;
    width: 30px;
    height: 40px;
    background: black;
    font-size: 0;
}
.numbers {
  position: relative;
  background: black;
  padding: 12px;
  color: white;
  font-size: 30px;
  margin-left: 50px;
}
<div class="numbers">
  (937)444-44-44
</div>