JSFiddle - React, Tailwind, and code Playground

HTML

<div class=b>
     <header><h1>Развлекательно новостной сайт села Ельцовки</h1></header>
     <nav>
         <a class=nl href=index.html>Домой</a>
         <a class=nl href=photoendvideo.html>Фото &amp; Видео</a>
         <a class=nl href=news.html>Новости</a>
     </nav>
     <section>
         <article><h1>Заголовок главной статьи</h1>
         <p>В этом блоке будет располагаться главная новость дня, недели, месяца или года. Она должно вмещаться в блог и нести самое главное основной новости. Открывая новость, читатель должен будет узнать только подробности.</p>
         </article>
     </section>
     <footer><p>Шнайдер Владимир</p></footer>
 </div>

CSS

body {
          padding: 0px;
          margin: 0px;
          font-family: font
      }
  
      @font-face {
          font-family: font;
          src: url(font.ttf)
      }
  
      header {
          white-space: nowrap;
          margin-top: 20px;
          width: 400px;
      }
  
      .nl {
          color: #111;
          cursor: pointer;
          text-decoration: none;
          padding: 2px 7px
      }
  
      article {
          text-align: justify;
          width: 400px;
      }
  
      .b {
          width: 400px;
          margin: 0 auto;
      }