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

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Привет</title>
<style>
.box {
    width: 300px;
    height: 600px;
    border: 2px solid black;
    margin: 20px;
    position: relative;
}

/* Общий стиль для слова */
.word {
    font-size: 40px;
    font-weight: bold;
    position: absolute;
}

/* Позиции */
.top {
    top: 20px;
    left: 20px;
}

.center {
    top: 250px;
    left: 100px;
}

.bottom {
    bottom: 20px;
    right: 20px;
    transform: rotate(90deg);
}

/* Цвета букв */
.letter:nth-child(1) { color: red; }
.letter:nth-child(2) { color: orange; }
.letter:nth-child(3) { color: yellow; }
.letter:nth-child(4) { color: green; }
.letter:nth-child(5) { color: blue; }
.letter:nth-child(6) { color: purple; }

</style>
</head>
<body>

<div class="box">
    <div class="word top">
        <span class="letter">П</span>
        <span class="letter">Р</span>
        <span class="letter">И</span>
        <span class="letter">В</span>
        <span class="letter">Е</span>
        <span class="letter">Т</span>
    </div>

    <div class="word center">
        <span class="letter">П</span>
        <span class="letter">Р</span>
        <span class="letter">И</span>
        <span class="letter">В</span>
        <span class="letter">Е</span>
        <span class="letter">Т</span>
    </div>

    <div class="word bottom">
        <span class="letter">П</span>
        <span class="letter">Р</span>
        <span class="letter">И</span>
        <span class="letter">В</span>
        <span class="letter">Е</span>
        <span class="letter">Т</span>
    </div>
</div>

</body>
</html>