Кексби- Глава 6: промежуточное испытание 3/8 и 8/8

Привет!

  1. Вроде просто, но не могу понять, как верстать данный блок:
    1
    Вроде список или список определений, но вроде и заголовки с параграфами, которые я не могу вставить в список… Запуталсо

  2. Что здесь не так?

     <footer>
       <img src="img/logo.png" alt="logo">
         <ul>
           <li><a href="#">История</a></li>
           <li><a href="#">Производство</a></li>
           <li><a href="#">Ассортимент</a></li>
           <li><a href="#">Где купить</a></li>
         </ul>
         <div class="social">
          <a class="ig" href="#">Инстаграм</a>
          <a class="fb" href="#">Фейсбук</a>
          <a class="vk" href="#">Вконтакте</a>
           </div>
           <p>При перепечатке материалов ссылка на сайт обязательна!</p>
           <div class="developer">
             <img src="img/htmlacademy.png" alt="htmlacademy">
             <b>Разработчик:</b> <a href="#">HTML Academy</a>
           </div>
     </footer>
    

Ответов в форуме не нашел
В разработчике пробелы ставил/удалял, не помогает

Добрый день!

  1. Этот блок выполнен в виде при помощи тегов ul, li и p.
  2. В связи с особенностью рендера страницы при проверке, в последнем div-е нужно разместить img, b и a в одной строке в коде. Тогда лишний отступ пропадёт.
1 Симпатия

Спасибо за ответ

  1. Но я же не могу <h> и <p> помещать внутрь списка, а тут явно заголовки замешаны
Видны заголовки

Валидатор не пускает

2 Я видел решение завенуть одной строкой в див/спан, но мне не помогает:

код
>  <div>
>     <img src="img/htmlacademy.png" alt="htmlacademy"> <b>Разработчик:</b> <a href="https://htmlacademy.ru">HTML Academy</a>
>    </div>

смог таки, если кому вдруг пригодится:

блок 8/8

див, лого и ссылку в одну строчку только с одним пробелом перед ссылкой

При перепечатке материалов ссылка на сайт обязательна!

htmlacademyРазработчик: HTML Academy