Долго не могу пройти второй этап пока не узнал, что
Алк. < 1%
Ккал: 35
это таблица. Так вот и вопрос, почему это таблица, а не div’ы ?
потому что по дизайну (ккал. расположены точно под алк., а 35 - точно под <1%) это похоже именно на таблицу и с помощью таблицы будет легче всего реализовать расположение элементов друг под другом.
если это делать с помощью дивов, от для того, чтобы добиться попиксельного совпадения с макетом придется здорово помучиться: надо будет либо задавать тексту свойство {white-space: pre;} - и если вам очень повезет, вы сможете добиться нужного взаимного расположения, просто добавляя пробелы. Ну а если не повезет - то придется внутри дива по отдельности оборачивать в спаны “алк.”, “<1%” и т.п. и расставлять с помощью маргинов.
Спасибо, за ответ. То есть если на макете элементы идут под другом, то скорее всего это таблица?
друг по другом, в несколько колонок и да ещё и содержимое тянет на табличные данные - тогда , да