質問: ### 前提・実現したいこと tableの行ヘッダのみを縦書きにしたいと考えています。 具体的には以下の図のような表示を行いたいです。 ![表の例](https://teratail.storage.googleapis.com/uploads/contributed_images/e3b43724ab6af7843f12b07d42a07c3b.png) cssのwriting-modeを利用したところ、chromeでは文字が90度横に回転するだけだったので、別の方法を考えたのですが、 文字と文字の間にある「・」のみ横にはみ出してしまいました。 ![うまくいかない表](https://teratail.storage.googleapis.com/uploads/contributed_images/5a8ad3ba6c72db0538469b870e56f217.png) 以下が実際のコードになります。 ``` ほげ・ふがりんご かぼちゃ メロン チーズ ラズベリー ``` どうすれば縦に修正できるでしょうか。 また、ほかに行ヘッダのみ縦書きにする綺麗な方法は無いでしょうか。
回答: これでいかがでしょう? ``` #tateTH { width: 1em; word-break: break-all; /* こちらを追加 */ } ```