このサンプルを表示するためには

  1. Chrome のアドレスバーに「chrome://flags」と入力
  2.  
  3. 表示された画面で「Experimental Web Platform features」を探し、「有効」に設定
  4.  
  5. 「今すぐ再起動」をクリック

してください。有効にして表示した場合のスクリーンショットはこちら

見出し

これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。

これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。

見出しが長くて複数行にまたがる場合でも、バーティカルリズムが保たれます

これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。

画像の後も揃えると、画像との間の空白が一定でなく、調整が難しくなります。

画像と本文の間の空白を一定にする場合、画像の後では、その前とはリズムを揃えず、新しいリズムを始めます。

これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。これは行取りのサンプルです。

大きい文字や絵文字が混じっても、バーティカルリズムが保たれます。大きい文字や絵文字が混じっても、バーティカルリズムが保たれます。大きい文字や絵文字が混じっても、バーティカルリズムが保たれます。大きい文字や絵文字が混じっても、バーティカルリズムが保たれます。