Как опустить границу блока при псевдоэлементе before?

Question

Как опустить границу блока при псевдоэлементе before?

square Знаток (460), на голосовании 10 месяцев назад

Хотел сделать чтобы вышло вот так:

Написал код:

 .list li::before{  
    display: inline-block; 
    content: ""; 
    width: 15px; 
    height: 15px; 
    background: url('../img/icons/check\ icon.png'); 
    background-position: left 5px; 
    background-size: 15px; 
    background-repeat: no-repeat; 
    margin: 0 5px 0 0; 
}

Но выходит это:

Что можно сделать чтобы опустить эту границу или сделать так чтобы содержимое показывалось за пределами блока?

Answer 1

Вася Пупкин Мудрец (14943) 11 месяцев назад

делай background-size не 15px, а contain

squareЗнаток (460) 11 месяцев назад

Все равно выходи так, мне нужно опустить вот эту черную границу, чтобы было как на первой картинке

Вася Пупкин Мудрец (14943) BoM, background-position: left 5px - убирай

squareЗнаток (460) 11 месяцев назад

Мне нужно чтобы галочка была немного ниже начала чтроки

Вася Пупкин Мудрец (14943) BoM, ты видишь у тебя сам контейнер расположен не по центру текста справа? Нужно менять не позицию картинки этого контейнера, а позицию самого контейнера.