<article>
  <p>遠山に日の当たりたる枯野かな</p>
  <p>春風や闘志抱きて丘に立つ</p>
  <p>去年今年貫く棒の如きもの</p>
  <p>波音の由井ガ濱より初電車</p>
  <p>吾も亦紅なりとひそやかに</p>
  <p>子規逝くや十七日の月明に</p>
  <p>雪とけて村いっぱいの子どもかな</p>
  <p>古池や蛙飛びこむ水の音</p>
</article>

body {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10vh 10vh 0;
}

p {
  font-family: serif;
  margin-left: 8vh;
  font-size: 4.2vh;
}

const default_space = 0.4;  // 基準となるスペース
const default_letters = 14; // 基準となる文字数

$('p').each(function() {
  const letters = $(this).text().length;

  if (letters === default_letters) {
    $(this).css({
      letterSpacing: default_space + "em"
    });
  } else if (letters < default_letters) {
    $(this).css({
      letterSpacing: ((1 + default_space) / (letters - 1) * (default_letters - 1) - 1) + "em"
    });
  } else if (letters > default_letters) {
    $(this).css({
      letterSpacing: default_space + "em",
      transformOrigin: "center top",
      transform: "scaleY(" + ( default_letters + default_space * (default_letters - 1) ) / ( letters + default_space * (letters - 1) ) + ")" 
    });
  }
});