Промежуточное испытание №1 небольшое смещение во всех блоках

omendrive · 16.Август.2017 08:30:09

Добрый день не могу разобраться в чем дело во всех блоках одно и тоже небольшое смещение.
Screenshot_18

Ineska · 16.Август.2017 12:27:19

Код текстом, пожалуйста.

omendrive · 16.Август.2017 15:42:51

> <!DOCTYPE html>
> <html lang="en">
> <head>
> 	<meta charset="UTF-8">[quote="omendrive, post:3, topic:6648, full:true"]
>     <!DOCTYPE html>
> <html lang="en">
> <head>
> 	<meta charset="UTF-8">
> 	<title>Кваст</title>
> </head>
> <body>
> <!--блок шапка!-->
> <div class="page-header">
> <div class="header-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> 			Крафтовый квас 
> <br> 
> 			всему голова!
> </div>
> <!--блок шапка!-->
> <!--2 блок новинки!-->
> <div class="features">
> 		<h2>Новинки</h2>
> <div class="feature-item">
> 	
> 		<h3>Вахтёр</h3>
> 
> 		Алк. &lt; 1% <br>
> 		Ккал: 35 <br>
> 
> 		<p>Ржаной хлеб, Вода, Солод, Соль</p>
> 	<img src="img/bottle-left.jpg" alt="">
> 		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
> 
> 		<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>150 Р.</strong>
> 
> </div>
> 
> <div class="feature-item">
> <h3>Романтик</h3>
> 
> Алк. &lt; 0,5% <br>
> Ккал: 27 <br>
> 
> 	<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
> 	<img src="img/bottle-right.jpg" alt="">
> 		<p>Лёгкий и освежающий напиток поможет 
> 		 сохранять отличное настроение в течение 
> 		 всего дня.</p>
> 
> 	<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>90 Р.</strong>
> 	</div>
> </div>
> <!--2 блок !-->
> 
> <!--3 блок Преимущества!-->
> <div class="advantages">
> <ul>
> 	<li>
> 		<h2>Варим сами</h2>
> 			Вот этими руками. Экспериментируем и творим,
> 			что хотим.
> 	</li>
> 	<li>
> 		<h2>Своё, родное</h2>
> 			Не заработка ради, а импортозамещения для.
> 			Поднимаем производство.
> 	</li>
> 	<li>
> 		<h2>Не экономим</h2>	
> 			Человек это то, что он ест и пьет. 
> 			У нас только качественные ингредиенты.
> 	</li>
> </ul>
> </div>
> 
> <!--3 блок Преимущества!-->
> 
> <!--4 блок Немного истории!-->
> <div class="History">
> 
> <h2>Немного истории</h2>
> <dl>
> <dt>
> <h3>Происхождение кваса</h3>
> <span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> </dt>
> <dd>
> 		  <img src="img/wiki-1.png" alt=""> 
> 			<p> Квас на Руси появился в X-XI веке. Само слово «квас» 
> 			тоже имеет древнерусское происхождение.
> 			Помимо России квас готовят в Белоруссии,<br> Сербии, 
> 			Македонии, Словакии и многих других странах, 
> 			но называется он везде одинаково — квас.</p>
> 			</dd>
> 			</dl>
> <dl>
> 	<dt>
> 				<span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> 		<dd>
> 			<img src="img/wiki-2.png" alt="">
> 			<p>По российскому ГОСТу для промышленного изготовления — 
> 			это напиток с объёмной долей этилового спирта не более 1,2%, 
> 			изготовленный в <br> результате незавершённого 
> 			спиртового и молочнокислого брожения сусла.</p>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--4 блок Немного истории!-->
> 
> <!--5 Пресса о нас-->
> <div>
> <dl> <h2>Пресса о нас</h2>
> 	<dt>
> 		<dd>
> <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. 
> Да, да, вы не ослышались! Спасибо Арсену и <br> 
> Руслану за то, что предоставили целую бочку своего напитка!</p>
> <span>
> 	<i>Газета столичный Стольник</i> 
> 
> <a href="#">Читать далее</a>
> </span>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--5 Пресса о нас-->
> <!--6 Ассортимент-->
> <div class="assortiments">
> <h2>Ассортимент</h2>
> <table class="assortiment">
>  <tr>
>  	<th>Название</th>
>  	<th>Алк.</th>
>  	<th>Ккал</th>
>  	<th>Объём</th>
>  	<th>Стоимость</th>
>  </tr>
> <tr>
> 	<td class="assort-name">Классика</td>
> 	<td>&lt; 1,2%</td>
> 	<td>33</td>
> 	<td>330 мл</td>
> 	<td>120 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Шабаш</td>
> 	<td>&gt; 1,2%</td>
> 	<td>45</td>
> 	<td>330 мл</td>
> 	<td>250 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Вахтёр <sup>Новинка</sup></td>
> 	<td>&lt; 1%</td>
> 	<td>35</td>
> 	<td>0,5 л</td>
> 	<td>150 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Романтик <sup>Новинка</sup></td>
> 	<td>&lt; 0,5%</td>
> 	<td>27</td>
> 	<td>0,5 л</td>
> 	<td>90 Р.</td>
> </tr>
>  </table>
>  </div>
> <!--6 Ассортимент-->
> <!--7 Заказать-->
> <div class="order">
> <h2>Заказать</h2>
> <p>Не ждите пока нас отрекламируют, 
> 		как Вятский квас, и мы поднимем цены! 
> 		Закажите настоящий крафтовый квас сейчас. 
> 		При заказе от <br>10 баррелей — скидка 10%.
> </p>
> <form action="#">
> 	<label for="">Представьтесь:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Номер телефона:
> 	<input type="text">
> 	</label> <br>
> 	<label for="">Доп. номер:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Email:
> 	<input type="text"> 
> 	</label><br>
> 	<label for="">Объем заказа:
> 	<select name="" id="">
> 		<option value="1">От 5 до 10 баррелей в неделю</option>
> 	</select>
> 	</label><br>
> 	<label for="">Доп. комментарий:
> 	<textarea name="" id="" cols="80" rows="10"></textarea>
> 	</label><br>
> 	
> 		<input type="checkbox" name="agree">
> 	<label for="">Я согласен получать квасную рассылку</label><br>
> 	<input type="submit" name="order-btn" value="Отправить заказ
> ">
> 	</form>
> 	</div>
> <!--7 Заказать-->
> <!--8 footer-->
> <div class="footer">
> <div class="footer-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> <a href="#">Инстаграм</a> 
> <a href="#">Фейсбук</a> 
> <a href="#">Вконтакте</a> 
> <p>При перепечатке материалов ссылка на сайт обязательна!</p>
> <img src="img/htmlacademy.png" alt="htmlacademy">
> <b>Разработчик:</b> <a href="#">HTML Academy</a>
> </div>
> 
> <!--8 footer-->
> </body>
> </html>
> [/quote]
> 
> [quote="omendrive, post:3, topic:6648, full:true"]
>     <!DOCTYPE html>
> <html lang="en">
> <head>
> 	<meta charset="UTF-8">
> 	<title>Кваст</title>
> </head>
> <body>
> <!--блок шапка!-->
> <div class="page-header">
> <div class="header-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> 			Крафтовый квас 
> <br> 
> 			всему голова!
> </div>
> <!--блок шапка!-->
> <!--2 блок новинки!-->
> <div class="features">
> 		<h2>Новинки</h2>
> <div class="feature-item">
> 	
> 		<h3>Вахтёр</h3>
> 
> 		Алк. &lt; 1% <br>
> 		Ккал: 35 <br>
> 
> 		<p>Ржаной хлеб, Вода, Солод, Соль</p>
> 	<img src="img/bottle-left.jpg" alt="">
> 		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
> 
> 		<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>150 Р.</strong>
> 
> </div>
> 
> <div class="feature-item">
> <h3>Романтик</h3>
> 
> Алк. &lt; 0,5% <br>
> Ккал: 27 <br>
> 
> 	<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
> 	<img src="img/bottle-right.jpg" alt="">
> 		<p>Лёгкий и освежающий напиток поможет 
> 		 сохранять отличное настроение в течение 
> 		 всего дня.</p>
> 
> 	<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>90 Р.</strong>
> 	</div>
> </div>
> <!--2 блок !-->
> 
> <!--3 блок Преимущества!-->
> <div class="advantages">
> <ul>
> 	<li>
> 		<h2>Варим сами</h2>
> 			Вот этими руками. Экспериментируем и творим,
> 			что хотим.
> 	</li>
> 	<li>
> 		<h2>Своё, родное</h2>
> 			Не заработка ради, а импортозамещения для.
> 			Поднимаем производство.
> 	</li>
> 	<li>
> 		<h2>Не экономим</h2>	
> 			Человек это то, что он ест и пьет. 
> 			У нас только качественные ингредиенты.
> 	</li>
> </ul>
> </div>
> 
> <!--3 блок Преимущества!-->
> 
> <!--4 блок Немного истории!-->
> <div class="History">
> 
> <h2>Немного истории</h2>
> <dl>
> <dt>
> <h3>Происхождение кваса</h3>
> <span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> </dt>
> <dd>
> 		  <img src="img/wiki-1.png" alt=""> 
> 			<p> Квас на Руси появился в X-XI веке. Само слово «квас» 
> 			тоже имеет древнерусское происхождение.
> 			Помимо России квас готовят в Белоруссии,<br> Сербии, 
> 			Македонии, Словакии и многих других странах, 
> 			но называется он везде одинаково — квас.</p>
> 			</dd>
> 			</dl>
> <dl>
> 	<dt>
> 				<span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> 		<dd>
> 			<img src="img/wiki-2.png" alt="">
> 			<p>По российскому ГОСТу для промышленного изготовления — 
> 			это напиток с объёмной долей этилового спирта не более 1,2%, 
> 			изготовленный в <br> результате незавершённого 
> 			спиртового и молочнокислого брожения сусла.</p>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--4 блок Немного истории!-->
> 
> <!--5 Пресса о нас-->
> <div>
> <dl> <h2>Пресса о нас</h2>
> 	<dt>
> 		<dd>
> <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. 
> Да, да, вы не ослышались! Спасибо Арсену и <br> 
> Руслану за то, что предоставили целую бочку своего напитка!</p>
> <span>
> 	<i>Газета столичный Стольник</i> 
> 
> <a href="#">Читать далее</a>
> </span>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--5 Пресса о нас-->
> <!--6 Ассортимент-->
> <div class="assortiments">
> <h2>Ассортимент</h2>
> <table class="assortiment">
>  <tr>
>  	<th>Название</th>
>  	<th>Алк.</th>
>  	<th>Ккал</th>
>  	<th>Объём</th>
>  	<th>Стоимость</th>
>  </tr>
> <tr>
> 	<td class="assort-name">Классика</td>
> 	<td>&lt; 1,2%</td>
> 	<td>33</td>
> 	<td>330 мл</td>
> 	<td>120 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Шабаш</td>
> 	<td>&gt; 1,2%</td>
> 	<td>45</td>
> 	<td>330 мл</td>
> 	<td>250 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Вахтёр <sup>Новинка</sup></td>
> 	<td>&lt; 1%</td>
> 	<td>35</td>
> 	<td>0,5 л</td>
> 	<td>150 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Романтик <sup>Новинка</sup></td>
> 	<td>&lt; 0,5%</td>
> 	<td>27</td>
> 	<td>0,5 л</td>
> 	<td>90 Р.</td>
> </tr>
>  </table>
>  </div>
> <!--6 Ассортимент-->
> <!--7 Заказать-->
> <div class="order">
> <h2>Заказать</h2>
> <p>Не ждите пока нас отрекламируют, 
> 		как Вятский квас, и мы поднимем цены! 
> 		Закажите настоящий крафтовый квас сейчас. 
> 		При заказе от <br>10 баррелей — скидка 10%.
> </p>
> <form action="#">
> 	<label for="">Представьтесь:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Номер телефона:
> 	<input type="text">
> 	</label> <br>
> 	<label for="">Доп. номер:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Email:
> 	<input type="text"> 
> 	</label><br>
> 	<label for="">Объем заказа:
> 	<select name="" id="">
> 		<option value="1">От 5 до 10 баррелей в неделю</option>
> 	</select>
> 	</label><br>
> 	<label for="">Доп. комментарий:
> 	<textarea name="" id="" cols="80" rows="10"></textarea>
> 	</label><br>
> 	
> 		<input type="checkbox" name="agree">
> 	<label for="">Я согласен получать квасную рассылку</label><br>
> 	<input type="submit" name="order-btn" value="Отправить заказ
> ">
> 	</form>
> 	</div>
> <!--7 Заказать-->
> <!--8 footer-->
> <div class="footer">
> <div class="footer-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> <a href="#">Инстаграм</a> 
> <a href="#">Фейсбук</a> 
> <a href="#">Вконтакте</a> 
> <p>При перепечатке материалов ссылка на сайт обязательна!</p>
> <img src="img/htmlacademy.png" alt="htmlacademy">
> <b>Разработчик:</b> <a href="#">HTML Academy</a>
> </div>
> 
> <!--8 footer-->
> </body>
> </html>
> [/quote]
> 
> [quote="omendrive, post:3, topic:6648, full:true"]
>     <!DOCTYPE html>
> <html lang="en">
> <head>
> 	<meta charset="UTF-8">
> 	<title>Кваст</title>
> </head>
> <body>
> <!--блок шапка!-->
> <div class="page-header">
> <div class="header-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> 			Крафтовый квас 
> <br> 
> 			всему голова!
> </div>
> <!--блок шапка!-->
> <!--2 блок новинки!-->
> <div class="features">
> 		<h2>Новинки</h2>
> <div class="feature-item">
> 	
> 		<h3>Вахтёр</h3>
> 
> 		Алк. &lt; 1% <br>
> 		Ккал: 35 <br>
> 
> 		<p>Ржаной хлеб, Вода, Солод, Соль</p>
> 	<img src="img/bottle-left.jpg" alt="">
> 		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
> 
> 		<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>150 Р.</strong>
> 
> </div>
> 
> <div class="feature-item">
> <h3>Романтик</h3>
> 
> Алк. &lt; 0,5% <br>
> Ккал: 27 <br>
> 
> 	<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
> 	<img src="img/bottle-right.jpg" alt="">
> 		<p>Лёгкий и освежающий напиток поможет 
> 		 сохранять отличное настроение в течение 
> 		 всего дня.</p>
> 
> 	<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>90 Р.</strong>
> 	</div>
> </div>
> <!--2 блок !-->
> 
> <!--3 блок Преимущества!-->
> <div class="advantages">
> <ul>
> 	<li>
> 		<h2>Варим сами</h2>
> 			Вот этими руками. Экспериментируем и творим,
> 			что хотим.
> 	</li>
> 	<li>
> 		<h2>Своё, родное</h2>
> 			Не заработка ради, а импортозамещения для.
> 			Поднимаем производство.
> 	</li>
> 	<li>
> 		<h2>Не экономим</h2>	
> 			Человек это то, что он ест и пьет. 
> 			У нас только качественные ингредиенты.
> 	</li>
> </ul>
> </div>
> 
> <!--3 блок Преимущества!-->
> 
> <!--4 блок Немного истории!-->
> <div class="History">
> 
> <h2>Немного истории</h2>
> <dl>
> <dt>
> <h3>Происхождение кваса</h3>
> <span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> </dt>
> <dd>
> 		  <img src="img/wiki-1.png" alt=""> 
> 			<p> Квас на Руси появился в X-XI веке. Само слово «квас» 
> 			тоже имеет древнерусское происхождение.
> 			Помимо России квас готовят в Белоруссии,<br> Сербии, 
> 			Македонии, Словакии и многих других странах, 
> 			но называется он везде одинаково — квас.</p>
> 			</dd>
> 			</dl>
> <dl>
> 	<dt>
> 				<span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> 		<dd>
> 			<img src="img/wiki-2.png" alt="">
> 			<p>По российскому ГОСТу для промышленного изготовления — 
> 			это напиток с объёмной долей этилового спирта не более 1,2%, 
> 			изготовленный в <br> результате незавершённого 
> 			спиртового и молочнокислого брожения сусла.</p>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--4 блок Немного истории!-->
> 
> <!--5 Пресса о нас-->
> <div>
> <dl> <h2>Пресса о нас</h2>
> 	<dt>
> 		<dd>
> <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. 
> Да, да, вы не ослышались! Спасибо Арсену и <br> 
> Руслану за то, что предоставили целую бочку своего напитка!</p>
> <span>
> 	<i>Газета столичный Стольник</i> 
> 
> <a href="#">Читать далее</a>
> </span>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--5 Пресса о нас-->
> <!--6 Ассортимент-->
> <div class="assortiments">
> <h2>Ассортимент</h2>
> <table class="assortiment">
>  <tr>
>  	<th>Название</th>
>  	<th>Алк.</th>
>  	<th>Ккал</th>
>  	<th>Объём</th>
>  	<th>Стоимость</th>
>  </tr>
> <tr>
> 	<td class="assort-name">Классика</td>
> 	<td>&lt; 1,2%</td>
> 	<td>33</td>
> 	<td>330 мл</td>
> 	<td>120 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Шабаш</td>
> 	<td>&gt; 1,2%</td>
> 	<td>45</td>
> 	<td>330 мл</td>
> 	<td>250 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Вахтёр <sup>Новинка</sup></td>
> 	<td>&lt; 1%</td>
> 	<td>35</td>
> 	<td>0,5 л</td>
> 	<td>150 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Романтик <sup>Новинка</sup></td>
> 	<td>&lt; 0,5%</td>
> 	<td>27</td>
> 	<td>0,5 л</td>
> 	<td>90 Р.</td>
> </tr>
>  </table>
>  </div>
> <!--6 Ассортимент-->
> <!--7 Заказать-->
> <div class="order">
> <h2>Заказать</h2>
> <p>Не ждите пока нас отрекламируют, 
> 		как Вятский квас, и мы поднимем цены! 
> 		Закажите настоящий крафтовый квас сейчас. 
> 		При заказе от <br>10 баррелей — скидка 10%.
> </p>
> <form action="#">
> 	<label for="">Представьтесь:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Номер телефона:
> 	<input type="text">
> 	</label> <br>
> 	<label for="">Доп. номер:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Email:
> 	<input type="text"> 
> 	</label><br>
> 	<label for="">Объем заказа:
> 	<select name="" id="">
> 		<option value="1">От 5 до 10 баррелей в неделю</option>
> 	</select>
> 	</label><br>
> 	<label for="">Доп. комментарий:
> 	<textarea name="" id="" cols="80" rows="10"></textarea>
> 	</label><br>
> 	
> 		<input type="checkbox" name="agree">
> 	<label for="">Я согласен получать квасную рассылку</label><br>
> 	<input type="submit" name="order-btn" value="Отправить заказ
> ">
> 	</form>
> 	</div>
> <!--7 Заказать-->
> <!--8 footer-->
> <div class="footer">
> <div class="footer-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> <a href="#">Инстаграм</a> 
> <a href="#">Фейсбук</a> 
> <a href="#">Вконтакте</a> 
> <p>При перепечатке материалов ссылка на сайт обязательна!</p>
> <img src="img/htmlacademy.png" alt="htmlacademy">
> <b>Разработчик:</b> <a href="#">HTML Academy</a>
> </div>
> 
> <!--8 footer-->
> </body>
> </html>
> [/quote]
> 
> 
> 	<title>Кваст</title>
> </head>
> <body>
> <!--блок шапка!-->
> <div class="page-header">
> <div class="header-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> 			Крафтовый квас 
> <br> 
> 			всему голова!
> </div>
> <!--блок шапка!-->
> <!--2 блок новинки!-->
> <div class="features">
> 		<h2>Новинки</h2>
> <div class="feature-item">
> 	
> 		<h3>Вахтёр</h3>
> 
> 		Алк. &lt; 1% <br>
> 		Ккал: 35 <br>
> 
> 		<p>Ржаной хлеб, Вода, Солод, Соль</p>
> 	<img src="img/bottle-left.jpg" alt="">
> 		<p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
> 
> 		<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>150 Р.</strong>
> 
> </div>
> 
> <div class="feature-item">
> <h3>Романтик</h3>
> 
> Алк. &lt; 0,5% <br>
> Ккал: 27 <br>
> 
> 	<p>Ячменный хлеб, Вода, Солод, Апельсин</p>
> 	<img src="img/bottle-right.jpg" alt="">
> 		<p>Лёгкий и освежающий напиток поможет 
> 		 сохранять отличное настроение в течение 
> 		 всего дня.</p>
> 
> 	<a href="#">Подробнее</a>
> 		<a href="#">Купить</a>
> 		<strong>90 Р.</strong>
> 	</div>
> </div>
> <!--2 блок !-->
> 
> <!--3 блок Преимущества!-->
> <div class="advantages">
> <ul>
> 	<li>
> 		<h2>Варим сами</h2>
> 			Вот этими руками. Экспериментируем и творим,
> 			что хотим.
> 	</li>
> 	<li>
> 		<h2>Своё, родное</h2>
> 			Не заработка ради, а импортозамещения для.
> 			Поднимаем производство.
> 	</li>
> 	<li>
> 		<h2>Не экономим</h2>	
> 			Человек это то, что он ест и пьет. 
> 			У нас только качественные ингредиенты.
> 	</li>
> </ul>
> </div>
> 
> <!--3 блок Преимущества!-->
> 
> <!--4 блок Немного истории!-->
> <div class="History">
> 
> <h2>Немного истории</h2>
> <dl>
> <dt>
> <h3>Происхождение кваса</h3>
> <span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> </dt>
> <dd>
> 		  <img src="img/wiki-1.png" alt=""> 
> 			<p> Квас на Руси появился в X-XI веке. Само слово «квас» 
> 			тоже имеет древнерусское происхождение.
> 			Помимо России квас готовят в Белоруссии,<br> Сербии, 
> 			Македонии, Словакии и многих других странах, 
> 			но называется он везде одинаково — квас.</p>
> 			</dd>
> 			</dl>
> <dl>
> 	<dt>
> 				<span><i>Источник:</i><a href="#"> ru.wikipedia.org</a></span> 
> 		<dd>
> 			<img src="img/wiki-2.png" alt="">
> 			<p>По российскому ГОСТу для промышленного изготовления — 
> 			это напиток с объёмной долей этилового спирта не более 1,2%, 
> 			изготовленный в <br> результате незавершённого 
> 			спиртового и молочнокислого брожения сусла.</p>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--4 блок Немного истории!-->
> 
> <!--5 Пресса о нас-->
> <div>
> <dl> <h2>Пресса о нас</h2>
> 	<dt>
> 		<dd>
> <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. 
> Да, да, вы не ослышались! Спасибо Арсену и <br> 
> Руслану за то, что предоставили целую бочку своего напитка!</p>
> <span>
> 	<i>Газета столичный Стольник</i> 
> 
> <a href="#">Читать далее</a>
> </span>
> 		</dd>
> 	</dt>
> </dl>
> </div>
> <!--5 Пресса о нас-->
> <!--6 Ассортимент-->
> <div class="assortiments">
> <h2>Ассортимент</h2>
> <table class="assortiment">
>  <tr>
>  	<th>Название</th>
>  	<th>Алк.</th>
>  	<th>Ккал</th>
>  	<th>Объём</th>
>  	<th>Стоимость</th>
>  </tr>
> <tr>
> 	<td class="assort-name">Классика</td>
> 	<td>&lt; 1,2%</td>
> 	<td>33</td>
> 	<td>330 мл</td>
> 	<td>120 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Шабаш</td>
> 	<td>&gt; 1,2%</td>
> 	<td>45</td>
> 	<td>330 мл</td>
> 	<td>250 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Вахтёр <sup>Новинка</sup></td>
> 	<td>&lt; 1%</td>
> 	<td>35</td>
> 	<td>0,5 л</td>
> 	<td>150 Р.</td>
> </tr>
> <tr>
> 	<td class="assort-name">Романтик <sup>Новинка</sup></td>
> 	<td>&lt; 0,5%</td>
> 	<td>27</td>
> 	<td>0,5 л</td>
> 	<td>90 Р.</td>
> </tr>
>  </table>
>  </div>
> <!--6 Ассортимент-->
> <!--7 Заказать-->
> <div class="order">
> <h2>Заказать</h2>
> <p>Не ждите пока нас отрекламируют, 
> 		как Вятский квас, и мы поднимем цены! 
> 		Закажите настоящий крафтовый квас сейчас. 
> 		При заказе от <br>10 баррелей — скидка 10%.
> </p>
> <form action="#">
> 	<label for="">Представьтесь:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Номер телефона:
> 	<input type="text">
> 	</label> <br>
> 	<label for="">Доп. номер:
> 	<input type="text"> 
> 	</label> <br>
> 	<label for="">Email:
> 	<input type="text"> 
> 	</label><br>
> 	<label for="">Объем заказа:
> 	<select name="" id="">
> 		<option value="1">От 5 до 10 баррелей в неделю</option>
> 	</select>
> 	</label><br>
> 	<label for="">Доп. комментарий:
> 	<textarea name="" id="" cols="80" rows="10"></textarea>
> 	</label><br>
> 	
> 		<input type="checkbox" name="agree">
> 	<label for="">Я согласен получать квасную рассылку</label><br>
> 	<input type="submit" name="order-btn" value="Отправить заказ
> ">
> 	</form>
> 	</div>
> <!--7 Заказать-->
> <!--8 footer-->
> <div class="footer">
> <div class="footer-top">
> <img src="img/logo.png" alt="кваст">
> </div>	
> 	<div class="spisok">
> 	<ul>
> 		<li><a href="#">История</a></li>
> 		<li><a href="#">Производство</a></li>
> 		<li><a href="#">Ассортимент</a></li>
> 		<li><a href="#">Где купить</a></li>
> 	</ul>
> 	</div>
> <a href="#">Инстаграм</a> 
> <a href="#">Фейсбук</a> 
> <a href="#">Вконтакте</a> 
> <p>При перепечатке материалов ссылка на сайт обязательна!</p>
> <img src="img/htmlacademy.png" alt="htmlacademy">
> <b>Разработчик:</b> <a href="#">HTML Academy</a>
> </div>
> 
> <!--8 footer-->
> </body>
> </html>

Ineska · 17.Август.2017 07:23:45

Это должна быть таблица.
По поводу смещения, убедитесь, что в архиве, отправляемом на проверку нет этого дублирования: