16/16 Оформление текста, часть 1

Что не так? Html менять нельзя, он не активен. Как подправить в CSS этот недочёт с умножением, чтобы было 100%?

Думаю, это ошибка составителей задания. У меня получилось на 100% только с псевдоклассами и прочими сложностями. Было бы интересно узнать, возможно ли это сделать проще

 body {
      width: 260px;
      margin: 0;
      padding: 0 10px;

      font-size: 16px;
      font-family: "Times New Roman", serif;
    }

    h1 {
      font-size: 18px;
    }

    .sub {
      vertical-align: sub;
      font-size: 12px;
    }

    .sup {
      vertical-align: super;
      font-size: 12px;
    }

    .del {
      text-decoration: line-through;
    }

    .underline {
      text-decoration: underline;
    }

    .italic {
      font-style: italic;
    }

    p:last-child {
      visibility: hidden;
    }

    p:last-child::before {
      visibility: visible;
      position: absolute;
      top: 252px;
      left: 10px;
      font-style: italic;
      content: "Примечания:";
    }

    p:last-child::after {
      visibility: visible;
      content: "Пшено необходимо перебрать Тыкву нарезать кубиками 1х1 см Кашу перемешивать не надо";
      width: 230px;
      position: absolute;
      top: 270px;
      left: 10px;    
    }

@juwain Тут эцсамое поменяли икс на умножение, а в проверке забыли поменять. Теперь у всех новичков 98% выбивает при верном коде

1 лайк

Спасибо, с вашими сложностями проходит код. Но видимо действительно ошиблись при разработке задания, мне ещё такие псевдоклассы : before,
:after при изучении не встречались и выводить желаемый текст меня ещё не учили.
Упростить можно, к чему вам псевдокласс
:last-child , если p у нас в задании единственный? Попробовала без него, вписывала в код просто p, без :last-child, код проходит тоже на 100%.

Хотя я ещё архивную главу не прошла ещё, возможно там и учили. Я по программе решила, по программе оформление текста с этим испытанием идёт вперёд, чем архивная глава.

Поправим, спасибо.