JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="journal.css">
    <title>Дневник моих поездок на моем собственном скутере по территории США!</title>
  </head>

  <body>

    <h1>На скутере по США | On a scooter in the USA</h1>
    <p>Дневник моих поездок на моем собственном скутере по территории США!</p>

    <h2>20 августа, 2012</h2>
    <img src="images/segway2.jpg">
    <p>Итак, я уже проехал 1200 миль и побывал в некоторых интересных местах:</p>
    <ol>
      <li>Вала-Вала, штат Вашингтон</li>
      <li>Мэджик-Сити, штат Айдахо</li>
      <li>Баунтифул, штат Юта</li>
      <li>Лэст Чанс, штат Колорадо</li>
      <li>Уай, штат Аризона</li>
      <li>Трут-ор-Консекуэнсес, штат Нью-Мексико</li>
    </ol>

    <h2>14 июля, 2012</h2>
    <p>Я видел парочку знаков в стиле Burma Shave на обочине дороги:</p>
    <blockquote>
      Если вы не заметите<br>
      проезжающие мимо машины,<br>
      то они могут сбить вас.<br>
      Одно мгновение —<br>
      и бесконечность...<br>
    </blockquote>
    <p>Я определенно не хотел, чтобы на меня наехала машина!</p>

    <h2>2 июня, 2012</h2>
    <img src="images/segway1.jpg">
    <p>Первый день моего путешествия! Я не верю, что наконец смог отложить все дела в сторону и отправиться в путешествие. Поскольку я собирался ехать на скутере, то не мог взять с собой много вещей: только</p>
    <ul>
      <li>сотовый телефон</li>
      <li>iPod</li>
      <li>цифровую камеру</li>
      <li>и шоколадный батончик</li>
    </ul>
    <p>Только все самое необходимое. Как сказал бы Лао-Цзы: <q>Путешествие на тысячу миль начинается с одного шага к скутеру</q>.</p>

  </body>

</html>

CSS

@font-face {
  font-family: "Emblema One";
  src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff");
  src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf");
}

body {
  font-family: Verdana, Geneva, Arial, sans-serif;
}

h1 {
  font-family: "Emblema One", sans-serif;
}