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

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Задание</title>
<style>
    .box {
        width: 600px;
        height: 200px;
        position: relative;
        margin: 50px auto;
        font-family: Arial, sans-serif;
    }

    /* Позиции */
    .left {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .center-bottom {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .right-top {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* Стили букв */
    .word span:nth-child(1) { font-size: 40px; color: red; }
    .word span:nth-child(2) { font-size: 36px; color: orange; }
    .word span:nth-child(3) { font-size: 32px; color: yellow; }
    .word span:nth-child(4) { font-size: 28px; color: green; }
    .word span:nth-child(5) { font-size: 24px; color: blue; }
    .word span:nth-child(6) { font-size: 20px; color: purple; }
</style>
</head>
<body>

<div class="box">

    <!-- Слева по центру -->
    <div class="word left">
        <span>П</span><span>Р</span><span>И</span><span>В</span><span>Е</span><span>Т</span>
    </div>

    <!-- Снизу по центру -->
    <div class="word center-bottom">
        <span>П</span><span>Р</span><span>И</span><span>В</span><span>Е</span><span>Т</span>
    </div>

    <!-- Справа сверху -->
    <div class="word right-top">
        <span>П</span><span>Р</span><span>И</span><span>В</span><span>Е</span><span>Т</span>
    </div>

</div>

</body>
</html>