Код:
 <head>
     <title>ФАМИЛИЯ</title>
 </head> 

<style>

.p1 {
    /* поля от края зеленого фона до текста */
    padding: 70px; 0px; 
    /* цвет фона */
    background: #bec9a7;
    /* поля от зеленого фона до края страницы */
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
   /* отступ первой строки */
    text-indent: 3em; 
   /* выравнивание текста по ширине */
    text-align: justify;
	}

   /* красная линия */
   hr {
    border: none;              /* Убираем границу */
    background-color: #aa0000; /* Цвет линии */
    color: red;                   /* Цвет линии */
    height: 2px;                /* Толщина линии */
   }

   /* рамка вокруг картинки */
   img {border: 2px solid #aa0000;}

</style>
<div class="p1">
        <span style="display: block; color: #aa0000; font-family: Cambria; font-size: 28px; font-style: normal; text-align: center;">
             <strong>ВЕБ-ДИЗАЙН</strong></br></br>
        </span>
        <span style="display: block; color: #aa0000; font-family: Arial; font-size: 24px; font-style: italic;"><u>Веб-дизайн</u><span style="color: #000000; font-style: normal;"><sup>1 </sup>(англ.</span>
           <span style="color: #3a91be; font-style: italic;">web design</span>
           <span style="color: #000000; font-style: normal;">) - галузь веб-розробки, що</br>охоплюэ цiлий ряд напрямiв i дисциплiн iз створення та</br>супроводусайтiв або веб-застосункiв, таких як: 
             <p>1) графiчный веб-дизайн,</p>
             <p>2) проектування iнтерфейсiв,</p>
             <p>3) авторинг (у тому числi стандартизованний код i власницьке</p>
                       программне забезпечення),</p>
             <p>4) використовнiсть,</p>
             <p>5) оптимiзацiя для пошукових систем.</p>
             </br>
              <hr>
             </br>
           </span>
        </span>
        <span style="display: block; color: #3a91be; font-family: Times New Roman; font-size: 22px; font-style: normal;">
          <p>Найчастiше вихонання рiзних ххххх хххх процесу веб-дизайну забезпечують</p>
           вiдповiднi 
             <span style="color: #aa0000; font-style: italic;"><u>спецiалисти:</u></span>
          <p>- менеджер проекту,</p>
          <p>- дизайнер,</p>
          <p>- веб-програмiст,</p>
          <p>- веб-майстер.</p>
          <p>(Хоча деянi веб-дизайнери можуть виконувати усе самостийно.)</p>
             </br>
              <hr>
             </br>
        </span>
        <span style="display: block; color: #3ac179; font-family: Calibri; font-size: 18px; font-style: normal;">
           <p><sup>1</sup>Термiн 
             <span style="color: #aa0000; font-style: italic;"><u>веб-дизайн</u></span>
              зазвичай використовують для опису проектування й</br>
              реалiзацii клiентськоi частини веб-сайту, включаючи верстку.
          </p>
        </span>
        </br>
        </br>
        <center>
           <img src="https://i.imgur.com/MBFQID5.png" title="ФАМИЛИЯ"/>
        </center>


</div>