Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пример</title>
</head>
<body>

<div style="
  border:2px solid black;
  width:420px;
  padding:15px;
  transform: rotate(90deg);
  font-family: Arial;
">

  <p style="font-size:22px;"><b>Некоторые правила ОФОРМЛЕНИЯ</b></p>

  <p>
    Существуют принятые в издательском деле правила среды, 
    в которой работают браузеры.
  </p>

  <p>
    Так, <b>заголовок первого уровня h1</b> выводится крупным 
    <b>жирным шрифтом</b>, цитаты 
    <i>CITE</i> — курсивом,
  </p>

  <p>
    <s>абзацы P отделяются друг от друга пустыми строками</s>,
  </p>

  <p>
    элементы списка <font color="red">UL</font> снабжаются маркерами:
  </p>

  <ul>
    <li>первый пункт</li>
    <li>второй пункт</li>
  </ul>

  <p>
    элементы списка OL — номерами:
  </p>

  <ol>
    <li>первый пункт</li>
    <li>второй пункт</li>
  </ol>

</div>

</body>
</html>