タイトル文字列を中央寄せにしただけでは同一行右寄せのカウンタ表示(タイトル側をfloat:leftにする設定)はOKだった。ただしEdgeではNGだった。
しかし、さらにタイトル画像を中央寄せにしてしまうとカウンタはタイトルの次の行に表示されてしまい同一行にはできなくなった。
==> カウンタは別の行とし先頭に右寄せ表示する。タイトルは高さを760pxから700pxに減らして次の行に表示する。これで見た目はほぼ同様となった。
==> EdgeではNGだったので、やはりfloat:leftというのはブラウザ側の実装によってはうまくいかない事があるのかもしれない
なぜか以下のどれも利かなかった。
・text-align: center;
・background-position: center;
試行錯誤の結果、以下でできた。
・margin: 0 auto;
widthやheightを先に定義するとbackground-positionが効かないのであろうか？
３個指定してもエラーにならないはず。
Schubert: Piano Music
D.946, D.156, D605a 等の小品集
Artists: Alberto Miodini (piano)
https://www.youtube.com/watch?v=5-Y35hjZ06E
グラーツ幻想曲
リリー・クラウスの名演
Lili Kraus: Grazer Fantasie in C Major, D. 605a SCHUBERT
https://www.youtube.com/watch?v=65uRn8fLWlQ
未完成交響曲
William-Adolphe Bouguereau-SCHUBERT- Symphony N18 in B minor D759
https://www.youtube.com/watch?v=f6eOxIHNGXI