本文エリアの幅を変えるとクリック位置とカーソル位置が合わなくなる

本文の左右に余白を入れる

これをやるために「本文エリアの幅を広げて余白を入れよう」として、まず以下を試した

code:はじめに試したスタイル.css

.col-page-side { width: calc((100% - 1080px)/2) }

.col-page { max-width: 1080px }

.app:not(.presentation) .line .text {

max-width: 800px; margin: 0 auto; position: relative }

そしたら本文上でクリックしたときに、クリック位置とカーソル出現位置がずれるようになった

ので、本文エリアの幅を広げるのは諦めて、テロメアとページメニューの位置に細工する方法に変えた