Как отображать отдельный отдельный блок для каждого символа с интервалом между двумя блоками с помощью CSS?CSS

Разбираемся в CSS
Anonymous
Как отображать отдельный отдельный блок для каждого символа с интервалом между двумя блоками с помощью CSS?

Сообщение Anonymous »


Я хотел бы создать такой вывод, используя CSS с одним вводом для каждого слова


Изображение


Я пробовал показывать только подчеркивание каждого символа.

... Использованный CSS

.word-guess { размер шрифта: 24 пикселей; преобразование текста: верхний регистр; отступ: 10 пикселей 5 пикселей; граница: 0; Расстояние между буквами: 5 пикселей; семейство шрифтов: моноширинный; фон: повторяющийся линейный градиент( направо, черный 0 1ч, прозрачный 1-канальный расчет (1 канал + 5,2 пикселей) ) нижнее/100% поле содержимого размером 2 пикселя без повтора; } Он генерирует такой результат


Изображение

Вернуться в «CSS»