Растянуть слово по ширине div

#html #css

Есть определенное слово, нужно его растянуть по ширине div Можно изменить letter-spacing
но блок резиновый, как подобрать непонятно. Возможно ли решить на CSS без скриптов
и не разбивая слово на элементы?
    

Ответы

Ответ 1

каждой букве одеваешь span и родителю text-align: justify;

например:

 

 Слово
 


Ответ 2

Помещаем нужное слово в тэг списка, добавляем флексбокс и растягиваем по экрану,
например, вот так:



ul{
  display:flex;
  text-align: center;
padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  flex: 1 10%;
  background: #333;
  color: #fff;
  margin: 0 10px;
}

  
О
  
ф
  
и
  
г
  
е
  
т
  
ь
  



Ответ 3

В итоге вставил между буквами пробелы и выровнял через text-align: justify; Если
у кого есть более цивилизованное предложение, буду очень рад.