Кексби. Промежуточное испытание

У меня появились некоторые трудности при прохождении этого испытания.

Кваст
  <header>
    <img src="img/logo.png">
      <ul>
        <li><a href="#">История</a></li>
        <li><a href="#">Производство</a></li>
        <li><a href="#">Ассортимент</a></li>
        <li><a href="#">Где купить</a></li>
      </ul>
      <p>Крафтовый квас<br> всему голова!</p>
  </header>
  
  <section>
    <h2>Новинки</h2>
    
    <h3>Вахтёр</h3>  
        <table> 
            <tr>   
                <td>Алк.</td> 
                <td>&lt; 1%</td>
            </tr>   
            <tr>
                <td>Ккал</td>
                <td>35</td>
            </tr>
        </table>    
        <p>Ржаной хлеб, Вода, Солод, Соль</p>
    <img src="img/bottle-left.jpg">  
    <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>  
    <a href="#">Подробнее</a>  
    <a href="#">Купить</a>  
    <b>150 Р.</b>
      
    <h3>Романтик</h3>
        <table>
        <tr>
            <td>Алк.</td> 
            <td>&lt; 0,5%</td>
        </tr>    
            <td>Ккал</td>
            <td>27</td>
        </table>      
        <p>Ячменный хлеб, Вода, Солод, Апельсин</p>  
    <img src="img/bottle-right.jpg">  
    <p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
    <a href="#">Подробнее</a> 
    <a href="#">Купить</a>
    <b>90 Р.</b>  
  </section>
  
  <div>
    <ul>
        <li><h2>Варим сами</h2></li>
        <p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
        <li><h2>Своё, родное</h2></li>
        <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
        <li><h2>Не экономим</h2></li>
        <p>Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>
    </ul>
  </div>
  
  <!-- 4-ый блок. Тут проблема с лишним подчеркиванием у обоих ссылок. Из-за этого подчеркивания, задание выполнено лишь на 98,5% -->
  <div>
    <h2>Немного истории</h2>
    <dl>
        <dt>
            Происхождение кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>
        </dt>  
        <dd>
            <img src="img/wiki-1.png">
            <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
        </dd>
        <dt>
            Классификация кваса <i>Источник:<a href="#"> ru.wikipedia.org</a></i>    
        </dt>
        <dd>
            <img src="img/wiki-2.png">
            <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
        </dd>
    </dl>  
  </div>
  
  <div>
    <dl>
        <dt>
        <h2>Пресса о нас</h2>
        </dt>
        <dd>
        <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили<br>целую бочку своего напитка!</p>  
        <i>Газета столичный Стольник</i> <a href="#">Читать далее</a>
        </dd>
    </dl>
  </div>
  <div>
    <h2>Ассортимент</h2>
    <table class="table-range">
      <tr>
        <th>Название</th> 
        <th>Алк.</th>
        <th>Ккал</th>
        <th>Объём</th>
        <th>Стоимость</th>
      </tr>
      <tr>
        <td>Классика</td>
        <td>&lt; 1,2%</td>
        <td>33</td>
        <td>330 мл</td>
        <td>120 Р.</td>
      </tr>   
      <tr>
        <td>Шабаш</td>
        <td>&gt; 1,2%</td>
        <td>45</td>
        <td>330 мл</td>
        <td>250 Р.</td>
      </tr> 
      <tr>
        <td>Вахтёр<sup> Новинка</sup></td>
        <td>&lt; 1%</td>
        <td>35</td>
        <td>0,5 л</td>
        <td>150 Р.</td>
      </tr> 
      <tr>
        <td>Романтик<sup> Новинка</sup></td>
        <td>&lt; 0,5%</td>
        <td>27</td>
        <td>0,5 л</td>
        <td>90 Р.</td>
      </tr>
    </table>
  </div>
  
  <div>
  <h2>Заказать</h2>
  <p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>  
    
  <label>
    Представьтесь:
    <input type="text">
  </label><br> 
  <label>
    Номер телефона:
    <input type="text">
  </label><br> 
  <label>
    Доп. номер:
    <input type="text">
  </label><br> 
  <label>
    Email:
    <input type="text">
  </label><br> 
      Объём заказа:<br>
      <select>
        <option>От 5 до 10 баррелей в неделю</option>
      </select><br>
  <label>
    Доп. комментарий: 
    <textarea></textarea><br>
  </label>   
  <label>
    <input type="checkbox" checked>   
    Я согласен получать квасную рассылку
  </label><br>   
  <button>Отправить заказ</button>      
  </div>
  
  <footer>
    <img src="img/logo.png">
    <ul>
        <li><a href="#">История</a></li> 
        <li><a href="#">Производство</a></li> 
        <li><a href="#">Ассортимент</a></li> 
        <li><a href="#">Где купить</a></li> 
    </ul>  
    <a href="#">Инстаграм</a>
    <a href="#">Фейсбук</a>
    <a href="#">Вконтакте</a>
    <p>При перепечатке материалов ссылка на сайт обязательна!</p>  
    <span>
        <img src="img/htmlacademy.png">
        <h3>Разработчик:</h3>
        <a>HTML Academy</a>
    </span>    
  </footer>

Всего этих трудностей 3. Я выложил весь свой код, но для решения понадобиться углубиться только в некоторые части кода.

  1. В 4-ом блоке, у меня лишнее подчеркивание у ссылки слева. Из-за этого задание не выполняется на 100%. Не могу понять на данный момент, в чем проблема.
  2. В 6-ом блоке таблица не сходится с моей. Менял жирность текста, не помогло.
  3. В 8-ом блоке. Логотип, заголовок и ссылку нужно расположить в ряд. Но т.к. они блочные элементы, они все начинаются с новой строки. Я применял CSS стили, у меня на странице в браузере это помогло. Но задание не принимается. Хочу выполнить все блоки на 100%, чтобы быть уверенным в себе, что для усвоения материала сделал всё что мог. Прошу помощи. Заранее благодарю тех, кто откликнется : )
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Кваст</title>
  </head>
  <body>
    <div class="page-header">     <!--Голова-->
      <div class="header-top">
        <div class="logo">
          <img src="img/logo.png" alt="logo">
        </div>
          <ul class="main-nav">
            <li><a href="#">История</a></li>
            <li><a href="#">Производство</a></li>
            <li><a href="#">Ассортимент</a></li>
            <li><a href="#">Где купить</a></li>
          </ul>
          <p>Крафтовый кваc <br> всему голова!</p>
      </div>
    </div>
    <div class="new-items">          <!--Новинки-->
      <h2>Новинки</h2>
      <div class="new-item">
        <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="bottle-1">
        <p>Терпкий и мощный, вкус этого кваса взбодрит после тяжёлого дня и придаст сил для вечерних приключений!</p>
        <a href="#" class="btn-info">Подробнее</a>
        <a href="#" class="btn-buy">Купить</a>
        <b>150 Р.</b>
      </div>
      <div class="new-item">
          <h3>Романтик</h3>
          <table>
              <tr>
                <td>Алк.</td>
                <td>< 0,5%</td>
              </tr>
              <tr>
                <td>Ккал</td>
                <td>27</td>
              </tr>
            </table>
          <p>Ячменный хлеб, Вода, Солод, Апельсин</p>
          <img src="img/bottle-right.jpg" alt="botttle-2">
          <p>Лёгкий и освежающий напиток поможет сохранять отличное настроение в течение всего дня.</p>
          <a href="#" class="btn-info">Подробнее</a>
          <a href="#" class="btn-buy">Купить</a>
          <b>90 Р.</b>
      </div>
    </div>
    <div class="features">            <!--Особенности-->
      <ul>
        <li class="feature-item">
          <h2>Варим сами</h2>
          <p>Вот этими самыми руками. Экспериментируем и творим, что хотим.</p>
        </li>
        <li class="feature-item">
          <h2>Своё, родное</h2>
          <p>Не заработка ради, а импортозамещения для. Поднимаем производство.</p>
        </li>
        <li class="feature-item">
          <h2>Не экономим</h2>
          <p>Человек это то, что он ест и пьёт. У нас только качественные ингредиенты.</p>
        </li>
      </ul>
    </div>
    <div class="history">           <!--История-->
      <h2>Немного истории</h2>
      <dl>
        <dt>
          <span>Происхождение кваса</span>
          <i>Источник:</i> 
          <a href="http://ru.wikipedia.org"><i>ru.wikipedia.org</i></a>
        </dt>
        <dd>
          <img src="img/wiki-1.png" alt="wiki-1">
          <p>Квас на Руси появился в X-XI веке. Само слово «квас» тоже имеет древнерусское происхождение. Помимо России квас готовят в Белоруссии, Сербии, Македонии, Словакии и многих других странах, но называется он везде одинаково — квас.</p>
        </dd>
        <dt>
          <span>Классификация кваса</span>
          <i>Источник:</i> 
          <a href="http://ru.wikipedia.org"><i>ru.wikipedia.org</i></a>
        </dt>
        <dd>
          <img src="img/wiki-2.png" alt="wiki-2">
          <p>По российскому ГОСТу для промышленного изготовления — это напиток с объёмной долей этилового спирта не более 1,2%, изготовленный в результате незавершённого спиртового и молочнокислого брожения сусла.</p>
        </dd>
      </dl>
    </div>
    <div class="about-us">             <!--О нас-->
      <h2>Пресса о нас</h2>
      <blockquote>
        <p>Сегодня мы провели дегустацию чего-то действительно новенького — крафтового кваса. Да, да, вы не ослышались! Спасибо Арсену и Руслану за то, что предоставили целую бочку своего напитка!</p>
        <cite>Газета столичный Стольник</cite>
        <a class="btn-write" href="#">Читать далее</a>
      </blockquote>
    </div>
    <div class="range">               <!--Ассортимент-->
      <h2>Ассортимент</h2>
      <table class="price-list">
        <tr>
          <th>Название</th>
          <th>Алк.</th>
          <th>Ккал</th>
          <th>Объём</th>
          <th>Стоимость</th>
        </tr>
        <tr>
          <td>Классика</td>
          <td>< 1,2%</td>
          <td>33</td>
          <td>330 мл</td>
          <td>120 Р.</td>
        </tr>
        <tr>
          <td>Шабаш</td>
          <td>> 1,2%</td>
          <td>45</td>
          <td>330 мл</td>
          <td>250 Р.</td>
        </tr>
        <tr>
          <td>Вахтёр <sup>Новинка</sup></td>
          <td>< 1%</td>
          <td>35</td>
          <td>0,5 л</td>
          <td>150 Р.</td>
        </tr>
        <tr>
          <td>Романтик <sup>Новинка</sup></td>
          <td>< 0,5%</td>
          <td>27</td>
          <td>0,5 л</td>
          <td>90 Р.</td>
        </tr>
      </table>
    </div>
    <div class="to-order">            <!--Заказать-->
      <h2>Заказать</h2>
      <p>Не ждите пока нас отрекламируют, как Вятский квас, и мы поднимем цены! Закажите настоящий крафтовый квас сейчас. При заказе от 10 баррелей — скидка 10%.</p>
        <form class="order-form" action="#" method="post">
          <div class="order-form-label">
            <label for="full-name">Представьтесь:</label>
          <input type="text" name="full-name" id="full-name"><br>
          </div>
          <div class="order-form-label">
            <label for="first-tel">Номер телефона:</label>
            <input type="text" name="first-tel" id="first-tel"><br>
          </div>
          <div class="order-form-label">
            <label for="second-tel">Доп. номер:</label>
            <input type="text" name="second-tel" id="second-tel"><br>
          </div>
          <div class="order-form-label">
            <label for="email">Email:</label>
            <input type="text" name="email" id="email"><br>
          </div>
          <div class="order-form-label">
            <label for="amount">Объём заказа:</label><br>
            <select name="amount" id="amount"> 
              <option value="10" selected>От 5 до 10 баррелей в неделю</option>
            </select><br>
          </div>
          <div class="order-form-label">
            <label for="info">Доп. комментарий:</label>
          <textarea name="info" id="info" cols="20" rows="2">
          </textarea>
          </div>
          <div class="order-form-label">
            <input type="checkbox" name="subscribe" id="subscribe" checked>
            <label for="subscribe">Я согласен получать квасную рассылку</label>
          </div>
          <input class="btn-buy" type="submit" name="send" id="send" value="Отправить заказ">
        </form>     
    </div>
    <footer>                          <!--Подвал-->
      <div class="footer-top">
          <div class="header-logo">
              <img src="img/logo.png" alt="Kvast" width="140" height="76">
          </div>
          <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>

      <div class="footer-copyright">

          <a href="#"><img src="img/htmlacademy.png" alt="htmlacademy" width="27" height="34"></a><b>Разработчик:</b> <a href="#">HTML Academy</a>

      </div>
  </footer>
    

  </body>
</html>
1 лайк