Как разместить письма внутри коробок ⇐ CSS

[Anonymous]

Я хочу поместить буквы в коробки.
Как мне это сделать?
Я пытаюсь понять, как разместить буквы внутри коробок.
У меня есть конкретная цель дизайна: я хочу эффективно и эстетично разместить буквы внутри коробок. Однако в настоящее время я сталкиваюсь с проблемами в поиске наилучшего способа достижения этой цели.
Чтобы уточнить, я пытаюсь определить наиболее эффективный метод аккуратного расположения букв в заранее определенных областях поля. . Я намерен обеспечить, чтобы буквы идеально вписывались в рамки, сохраняя выравнивание, интервалы и общую визуальную привлекательность.
код: https://jsfiddle.net/u5g7bo8L/

Код: Выделить всё

svg {
width: 400px;
display: block;
margin: auto;
}

.yellow {
fill: rgb(255,201,14);
}
.green {
fill: rgb(34,177,76);
}
.purple {
fill: rgb(63,72,201);
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/792 ... -the-boxes