Как сделать такие цифры?

140
22 ноября 2021, 05:30

Ссылка на картинку

Как вот такую сделать?) задаю размер шрифта - просто увеличивается цифра, но не прибавляется жирность, а жирность уже стоит 900, выше нельзя, пробовал через befor что-то не вышло ничего... font-size должен быть 35

Answer 1

ul{ 
  padding-left: 0; 
  margin: auto; 
  width: 50%; 
} 
 
 
li{ 
  display: -webkit-flex; 
  display: -moz-flex; 
  display: -ms-flex; 
  display: -o-flex; 
  display: flex; 
  -ms-align-items: center; 
  align-items: center; 
} 
 
span{ 
  font-size: 60px; 
  color: yellow; 
  font-weight: 800; 
   padding-right: 40px; 
   position: relative; 
} 
span:after{ 
  content: '-'; 
  position: absolute; 
  color: #000; 
  padding-left: 10px; 
  top: -3px; 
}
<ul> 
    <li> 
      <span>1</span> 
      Вызов бригады 
    </li> 
     <li> 
      <span>2</span> 
     вся бригада 
    </li> 
     <li> 
      <span>3</span> 
      длительный срок 
    </li> 
     <li> 
      <span>4</span> 
      опыт 
    </li> 
  </ul>

READ ALSO
Анимация рамки вокруг элемента

Анимация рамки вокруг элемента

Как отрисовать такую анимацию?

85
Сделать чекбоксы в две колонки

Сделать чекбоксы в две колонки

как сделать чекбоксы в две колонки, не используя column-countИ чтобы при нажатии на кнопку More те чекбоксы, которые уже видны оставались на месте,...

203
Почему не работает JavaScript в HTML?

Почему не работает JavaScript в HTML?

Не работает вроде бы простой скрипт с сайтом, путь указан верно

287
Конфликт одинаковых css классов

Конфликт одинаковых css классов

такой вопрос, есть bootstrap и bootstrap mdb, в том и том модуле есть класс X, который меня больше устраивает на bootstrap (не mdb), но класс с таким же названием...

224