Всем привет!!!
Кто может подскажите в чем может быть проблема. Делаю второй блок идет легкое смещение, не пойму как исправить.
----- Мой код ------
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Кваст</title>
</head>
<body>
<div class="page-header">
<img src="img/logo.png" width="140" height="76">
<ul>
<li><a href="#">История</a></li>
<li><a href="#">Производство</a></li>
<li><a href="#">Ассортимент</a></li>
<li><a href="#">Где купить</a></li>
</ul>
<div>
<p>Крафтовый квас<br>всему голова!</p>
</div>
</div>
<div class="innovation">
<h2>Новинки</h2>
<div class="watchman">
<h3>Вахтёр</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 1%</td>
</tr>
<tr>
<td>Ккал:</td>
<td>35</td>
<tr>
</table>
<p>Ржаной хлеб, Вода, Солод, Соль</p>
<img src="img/bottle-left.jpg" alt="Вахтер">
<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
</div>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>150 р.</b>
<div class="romantic">
<h3>Романтик</h3>
<table>
<tr>
<td>Алк.</td>
<td>< 0,5%</td>
</tr>
<td>Ккал:</td>
<td>27</td>
</tr>
</table>
<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
<img src="img/bottle-right.jpg" alt="Романтик">
<p>Лёгкин и освежающий напиток поможет сохранить отличное настроение в течение всего дня.</p>
</div>
<a href="#">Подробнее</a>
<a href="#">Купить</a>
<b>90 р.</b>
</div>
</body>
</html>
Ссылка на скриншот: https://yadi.sk/i/0uBxa5uj3XwThx
Буду очень благодарен за помощь!!!