Испытание: другой вариант главной

Приветствую. Не могу разобраться в чем проблема. Подскажите, пожалуйста :pray:

Добрый день!
Прикрепите, пожалуйста, ваш код сюда, чтобы найти недочёт.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: другой вариант главной</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header class="page-header">
   <div class="logo"><img src="logo.svg" width="90" height="90" alt="Cat Energy"></div>
   <nav class="main-menu">
    <ul>
      <li><a href="#home">Главная</a></li>
      <li><a href="#blog">Посты</a></li>
      <li><a href="#me">Обо мне</a></li>
    </ul>
    </nav>
    </header>
    <main>
      <article class="blog-entry">
  <aside class="video-preview">  <img src="preview.jpg" alt="Видео превью"> </aside>
  
    <section class="idea">    
     <h1>Размышления о жизни</h1>
      <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
      
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
    </section> 
    </article>

    <section class="photos"><figure class="slides"><img src="keks-1.jpg" alt="Фото Кекса 1">
    <img src="keks-2.jpg" alt="Фото Кекса 2">
    <img src="keks-3.jpg" alt="Фото Кекса 3">
    <img src="keks-4.jpg" alt="Фото Кекса 4">
    <img src="keks-5.jpg" alt="Фото Кекса 5">
 </figure>
 </section>
    </main>
   <footer class="page-footer">
<div class="info"><img src="keks.jpg" width="50" alt="Портрет Кекса"><span>Кекс, keks@htmlacademy.ru</span></div>
   <div class="copyright"> © 2008—2014 Cat Energy</div>
   </footer>
  </body>
</html>

Проблема кроется в блоке info.
Теги<img> и <span> являются строчными. Если их поместить на одну строку в коде, то интерпретатор сайта отобразит их без пробела между ними. Если же перенести Span в коде на следующую строку, то добавится необходимый пробел между элементами и испытание будет пройдено на 100%.