Промежуточное испытание 2/8

Курсы Промежуточные испытания
1

Столкнулся с проблемой при выполнении задания - не знаю как задать отступ без применения CSS кода. Проще скинуть скриншот чем описывать проблему:

Имя файла изображения1920×1080 141 KB

Видно, что различия начинаются с места, где идёт описание товара(крепость и калории). Полагаю, что нужен какой-то тэг или атрибут. Пробовал извращаться c <br> и &nbsp; для задания отступов, но увы. Также пробовал подключить стили с помощью <style>. Видимо что-то забыл из прошлых уроков или сделал не так как надо.

	<div class="assortment">
		<h2>Новинки</h2>
		<div class="assortment-items">
			<div class="one-item">
				<h3>Вахтёр</h3>
				<p>Алк. &lt; 1%<br>Ккал: 35</p>
				<p>Ржаной хлеб, Вода, Солод, Соль</p>
				<img src="./img/bottle-left.jpg" alt="Vahter" width="319" height="459">
				<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
				<a class="btn" href="#">Подробнее</a>
				<a class="btn" href="#">Купить</a>
				<b>150 Р.</b>
			</div>
			<div class="one-item">
				<h3>Романтик</h3>
				<p>Алк. &lt; 0,5%<br>Ккал: 27</p>
				<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
				<img src="./img/bottle-right.jpg" alt="Vahter" width="319" height="459">
				<p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
				<a class="btn" href="#">Подробнее</a>
				<a class="btn" href="#">Купить</a>
				<b>90 Р.</b>
		</div>
	</div>

	<div class="page-footer">
	</div>

Выше фрагмент кода.

2

Это должна быть таблица 2х2.

3

Мини-таблица. Ясно, спасибо!