メインビジュアルのキャッチコピー(メインコピー)を縦書きにしたい

sachi

いつもお世話になっております。

メインビジュアルのキャッチコピーを縦書きにしたり、位置を細かく調整する方法をご存知の方がいれば教えてください!

相談者さん
相談者さん

キャッチコピーのことがメインコピーのことであれば、追加CSSで調整できると思います。

雑ですが、下のような感じでできると思います。僕の環境では一応これで動きました。

1.c--stillimage-contents {
2  display: flex;
3  justify-content: center; /* 横方向のセンター指定 */
4  align-items: center; /* 縦方向のセンター指定 */
5}
6
7.a--stillimage-maincopy {
8  writing-mode: vertical-rl; /* 縦書き指定 */
9  text-orientation: upright; /* 英数字を使うなら... */
10}
回答者さん
回答者さん

お返事が遅くなってすみません!ありがとうございます!

相談者さん
相談者さん
トップページに戻る
記事URLをコピーしました