CSS letter-spacing, white-space

letter-spacingにて文字間隔を調整する中であえてを大きく間隔取った。
かな文字はwidthで指定したサイズの中で折り返される、一方でalphabetは折り返されない。
下記のイメージ。

・り   ん   
ご
・a   p   p   l   e   s

対策：white-space:  nowrapを使うことで下記のようにかな文字も折り返されることなく表示される。
・り   ん   ご
・a   p   p   l   e   s

ul{
   
   max-width: 200px; 
   font-size: 20px;
   line-height: 1;
   letter-spacing: 4em;
   white-space: nowrap
}

Tableを作成しセルの中で文字列が折り返してしまう時など、レイアウトを整える時に使えるかも。