Оформление текста, часть 1 / Испытание: рецепт на CSS [16/16]

70% при проверке. Что не так?! Все проверки потратил. Пробовал 12px на 13px менять, толку ноль. при наложении после “sub” текст начинает уходить правее и чем дальше строчка, тем больше уходит текст от результата.


!–HTML--------------------------------------!
`

Пшенная каша с тыквой

Пшенная каша с тыквой

  1. Пшено, 1 стакан
  2. Вода H2O или AquaLife®, 2 стакана
  3. Молоко, 1,5 стакана 2 стакана
  4. Масло сливочное, 3 ст.л.
  5. Тыква, около 300г
  6. Соль, по вкусу
  7. Сахар демерара, посыпать сверху

Примечания:
Пшено необходимо перебрать
Тыкву нарезать кубиками 1х1 см
Кашу перемешивать не надо
!--------------------------------------------------! !--------------css-------------------------------! body { width: 260px; margin: 0; padding: 0 10px; font-family: "Times New Roman", serif; font-size: 16px;} h1 {font-size: 18px;} .sub { line-height:12px; vertical-align: sub;} .sup { line-height:12px; vertical-align: super;} .del {text-decoration: line-through;} .underline {text-decoration: underline;} .italic {font-style: italic;}`

И что по скрину здесь можно увидеть?
Код текстом, будьте добры.

1 лайк

так потянет?

Вы наверное перепутали название свойства. Это же должен был быть размер шрифта, я надеюсь?

2 лайка

это выравнивание по высоте строки, после добавления сабба и саппера. если их убрать, то строки будут по высоте разные. разве нет? )

А зачем вы создаете себе проблему? Да, высоту строки вы изменили, но размер шрифта остался таким же. А в образце он меньше.

1 лайк

да, я уже добавил размер, теперь надо подождать проверок до завтра ))
Спасибо. Не обратил внимания на размер шрифта, парился именно из за того, что уходят буковки куда-то вправо )

Если у кого-то будут возникать проблемы то вот готовое задание: http://codepen.io/Nivoyash/pen/PboLGZ

Прошу смотреть в последнюю очередь. Обратите внимание на размер текста в классах “sub” и “sup”, а так-же описание их положения.

Закоментируй, это лишнее
line-height:12px;