natali90
@natali90

Как сверстать так цифры от 1 до 10 с пунктами надписей?

Чтобы они стояли в круглишках (бардерах - 2px, без бэкграунда) ?
  • Вопрос задан
  • 226 просмотров
Решения вопроса 1
@architawr
"Ok, Google" и все твои проблемы решены
codepen
width, height подогнать в зависимости от размера шрифта
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
profesor08
@profesor08 Куратор тега CSS
<div class="number">10</div>

.number {
  border: 2px solid red;
  border-radius: 50%;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
Ответ написан
Комментировать
@DanKud
Если без flex то так - https://codepen.io/anon/pen/ywZgoG
Ответ написан
Комментировать
@LaraLover
Странно что все предлагают какие-то костыльные версии с флексами и ТД, и никто не предложил использовать counter-incermant https://css-tricks.com/custom-list-number-styling/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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