Испытание: рецепт на CSS [16/16]

Курсы §9. [Архив] Оформление текста с помощью CSS
1

Вроде все точно написал что тут не так ??http://prntscr.com/iki5o7

2

Размер шрифта у sub и sup должен быть меньше.

3

http://prntscr.com/iki9uy Там не только Sup и sub все в красном(

4

Html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Пшенная каша с тыквой</title>
    </head>
    <body>
        <h1>Пшенная каша с тыквой</h1>
        <ol>
            <li>Пшено, 1 стакан</li>
            <li>Вода H<span class="sub">2</span>O или AquaLife<span class="sup">®</span>, 2 стакана</li>
            <li>Молоко, <span class="del">1,5 стакана</span> 2 стакана</li>
            <li>Масло сливочное, 3 ст.л.</li>
            <li>Тыква, около 300г</li>
            <li>Соль, по вкусу</li>
            <li><span class="underline">Сахар демерара, посыпать сверху</span></li>
        </ol>
        <hr>
        <span class="italic">Примечания:</span><br>
        Пшено необходимо перебрать<br>
        Тыкву нарезать кубиками 1х1 см<br>
        Кашу перемешивать не надо<br>
    </body>
</html>
5

CSS

body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16px;
}

h1 {
font-size: 18px;
}

.sub {vertical-align:sub;
font-size:14px;}
.sup {vertical-align:super;
font-size:14px;}
.del {text-decoration:line-through;}
.underline{text-decoration:underline;}
.italic {font-style:italic}

6

Подберите размер шрифта.

7

К чему вибрать :?

8

Здесь подберите.

9

Тоже не помогло как красний был и остался

10

Какой размер шрифта?

11
12

Как был 14px, так и остался. Подбирайте дальше. Или воспользуйтесь поиском по форуму, чтобы найти правильный ответ.

13

Так я в основном правильно делел вопрос только в шрифте да?

14

Да, только в размере шрифта.

15

Ладно спасибо

16

Не могу понять где ошибка, вроде как подгоняю свойства по экрану font-size:16px;, как все неудачно
body {
width: 260px;
margin: 0;
padding: 0 10px;
font-family: “Times New Roman”, serif;
font-size: 16px;
}

h1 {
font-size: 18px;
}

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

.del{text-decoration: line-through;
}
.underline{text-decoration: underline;}
.italic{font-style:italic; }

17

Уменьшите размер шрифта для sub и sup.

18

не получилось, уменьшил до 4 px, делал с шагом 2 px, на данный момент имею:
.sub {vertical-align: sub;
font-size:4px;}
.sup {vertical-align: super;
font-size:4px;}
И без результаа

19

При 12px должно быть правильно.

20

Проверьте кавычки в названии шрифта.
Кавычки должны быть одинаковые.