Как заставить текст работать сверху вниз в CSS?

Чтобы буквы располагались max-height сверху вниз, сохраняя их css нормальную ориентацию, например:

F

О

О

HTML:

letters

CSS:

.toptobottom{
  width: 0;
  word-wrap: break-word;
}

word-wrap box-shadow позволяет разбивать слова max-width посередине, поэтому буквы css2 будут располагаться сверху max-height вниз. Он также очень хорошо css3 поддерживается: https://developer.mozilla.org/en-US/docs/CSS/word-wrap