Первая заметка!

Прима

Эта заметка предназначена для теста кода, который у меня есть. Заодно можно проверить, работают ли все цвета и стили правильно.

Подпись к картинке!

Итак, попробуем!

Вот у меня есть текст.

А около этого текста слева живёт маленький персонажик!
Ура, всё получилось!

А ещё вот такие разные шрифты. И ещё подчёркивание.

Это — цитата!

<style>
body {
  font-family: "Darenok", -apple-system, sans-serif;
  margin: 0;
  padding-top: 70px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
}

Это — текст, раскрашенный во все цвета радуги!

А подчёркивание тоже может быть разных цветов!

Сейчас будет не очень длинный-предлинный текст, который проверяет абзацы и всякие в нём разнообразные отступы. Можно сделать такой фокус в виде [ссылки на какую-нибудь страничку](Обо мне).
[^1]Интересно, а как работают сноски?

А это — список:

• Вот такой.
• Здесь живёт серая точечка слева. А я не хочу, чтобы она была серая. Она покрасится в голубую или нет?
• Я всё равно не использую эти списки, поэтому идём дальше.

Список с циферками:

1. Прима!
2. Секунда!
3. Терция!
4. Кварта!
5. Квинта!

Оп! Список дел!

• Поставить галочку в первом пункте
• Посмотреть в окошечко слева
• Нажать эту кнопку

$199+199=398$

Мне очень интересно посмотреть, что будет, если я начну писать длинный-предлинный текст. Сработает ли обтекание или нет?
Итак, начнём. Вот я добавила картинку и…

Вообще эта картинка должна жить в левой части экрана. Текст подписи к изображению. Картинка «Ожидание». Это у противоположного дома в моём дворе есть такая закрытая-презакрытая дверь, а перед ней, задумавшись, сидит мой персонажик.

А эта — в центре.

Ну, а эта — справа.