Очистка float 1

Создайте веб-страницу, как показано на рис. 1.

Рис. 1.

Файлы

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Информация об авторе</title>
  <style>
   .author {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
    background: #f5f6f8;
    color: #333;
    border: 1px solid #e9eaec;
    border-radius: 3px;
    padding: 20px;
    text-align: right;
    overflow: hidden;
   }
   .author img {
    float: right;
    border: 2px solid #848994;
    border-radius: 50%;
   }
   .author h2 {
    font-weight: normal;
   }
   .author p {
    font-size: 0.9em;
   }
   .author h2, .author p {
    margin: 5px 180px 0 0;
   }
  </style>
 </head>
 <body> 
  <section class="author">
   <img src="image/shay-howe.jpg" alt="Шэй Хоу" width="150" height="150">
   <h2>Шэй Хоу</h2>
   <p>Специализируется на дизайне и разработке интерфейсов, 
    о чём регулярно пишет и говорит. В настоящее время является 
    руководителем подразделения Belly. Один из организаторов 
    таких мероприятий как Chicago Camps, Refresh Chicago и UX 
    Happy Hour.</p>
  </section>
 </body>
</html>
Курс по вёрстке сайта на CSS Grid