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

Question

.numbers {
        &::before {
            content: url(../../img/shape_32_263.png);
            position: relative;
            right: 30px;
        }
    }

Хочу так но получается так

Answer 1

Так или как?

.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>

БЛОГ НА HUSL

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

Ответы (1 шт):