Кексби. Промежуточное испытание - второй блок. Не могу понять, где взять переносы.


#1

Здравствуйте.
Такой вопрос. Сейчас верстаю кексби. В верстке я новичок.
Во второй секции “Новинки” в результате верстки html хотят вот такой результат:


Меня смущает пробел.
Сам макет должен выглядеть так:

Если калорийность - это табличные данные (а они выглядят как таблица в две колонки), а текст по ней обернут в div для задания в будущем отступов и ширины, то мне не понятно, откуда у картинки-желаемого результата доп.пробел под таблицей. Даже если обернуть таблицу в див, это всё равно не даст пробела. А просто напихать br зля засчёта результата - не хочется. От куда мог взяться пробел, если это html код?

Вот мой код для этого участка:



#2

Состав продукта в параграф оберните.


#3

Спасибо!! Помогло. (только не до конца понятно, зачем внутри дива еще делать абзац, ну да ладно).


#4

Параграф вместо дива, а не внутри.


#5

Это я и так понимаю))
Смутил отступ над текстом и размер в ширину. Думала, что нужно будет задавать паддинги и выравнивать. Но, наверное, дивом оборачивается весь блок вместе с таблицей и ему задается ширина, а текст внутри просто подчиняется правилу родителя. В общем уже разобралась и прошла испытание. Спасибо за подсказки.