英語ブログを書こうと思っていて下書きの状態ではこのようにしたいのに、実際、公開すると文字がずれてしまします。どうしたらよいでしょうか？どなたか、教えてください。

字下げの部分ですよね？半角スペースを使っていませんか。半角スペースをすべて全角スペースに置き換えてみてください。ただスマホで表示した場合はどっちみち崩れるように思います。スマホ表示も綺麗にしたいなら別の方法を考える必要があります🤗

英語ブログを書こうと思っていて下書きの状態ではこのようにしたいのに、実際、…

ユーザー1148さん質問者2022.03.23 16:09

こにようになってしまいます。

おそらは、 chose と choose を縦に並べて表示するためにエディターで space を連続して入れてるのかと思いますが、その方法だと実際の記事では space が無効化される場合があるだけでなく、ブラウザやデバイスによっても多少のズレが生じる可能性もあります。

別の表示方法を検討されてみてはいかがでしょうか？？

例えば、注釈や脚注を挿入できるプラグインなどは、記事の見た目を崩すこともないので良いかと思います。
是非検討してみてください。
https://tcd-theme.com/2021/08/easy-footnotes.html

ユーザー1148さん質問者2022.03.23 20:26

Kiryu@キリュログさん
ありがとうございます。
全角でスペースを入れたらPC上ではキレイに反映されましたが、
スマホ表示だとぐちゃぐちゃになってしまいますね。。。。
何か方法はありませんか？

やり方は色々思いつきますが、おそらく最も簡単で最も思い通りの見栄えになる方法は「PCの画面をスクショ」して、それを記事に貼ることです。画像であればスマホでも同じように表示されますので（添付画像参照）。

ただしスマホだと画像内の文字が少し小さく感じられるかもしれません。その点を改善したい場合は1行あたりの単語数を減らしてください。たとえば次のように。

The reason why I chose your lesson
was that I looked you can teach English
by your textbook.

そうすると画像の横幅が小さくなるのでスマホで表示したときも画像内の文字が大きく見えるはずです。

指定範囲のスクショを取る方法ですが、Windowsであれば最初から入っているSnipping Toolを使ってみると良いと思います。
https://www.pc-koubou.jp/magazine/35994#section02

画像をつけるのを忘れていました😅

ユーザー1148さん質問者2022.03.24 00:43

Kiryuさん
ありがとうございます。

しかし、アドセンスの申請もしたいので、スクリーンショットだと文字数としてカウントされませんよね、、、、

他にやり方はありませんか？
図々しくてすいません。

お知恵をお貸しください
宜しくお願いいたします。

ユーザー1148さん質問者2022.03.24 00:45

Kiryuさん
ありがとうございます。

しかし、アドセンスの申請もしたいので、スクリーンショットだと文字数としてカウントされませんよね、、、、

他にやり方はありませんか？
図々しくてすいません

お知恵をお貸しください
宜しくお願いいたします。

「画像だと文字数にカウントされない、だからアドセンスの審査に通らない」
ということはないと個人的には思います。
まあそれはそれとして、、、

画像を避けたいのであれば、
単純に一行あたりの文字数を減らすだけ（画像は撮らない）でも
ある程度うまくいくと思いますがいかがでしょうか？

こんな感じです↓

Me: The reason why I chose your lesson
　　　　　　　　　chooseの過去形

　　was that I looked you can teach
　　
　　English by your textbook.

このやり方もお気に召さなければ、
あとはHTMLとCSSをガッツリ使ったやり方になります🤗