先日、ブログ記事をUPする際、文章の一部を大きくしたのです。
入力画面では、下のように問題ありませんでした。
![](https://life-from-60.jp/wp-content/uploads/2024/02/d7e91cb858ea6a8d7e2eba07c63369cd.jpg)
ところが、プレビュー表示してみると、文字がダブってるではないですか。
![](https://life-from-60.jp/wp-content/uploads/2024/02/b4ae2fe8e1aa1882bb9511e4ab11334d-1024x132.jpg)
どうやら、行間が変更されずにそのままになっているようです。
無料ブログでは、こんなことはなかったのでビックリですよ。
ワードプレスは面倒なんだなと思いつつ、行間の変更方法を調べてみましたが、cssをいじるものばかりです。
cssで修正したら、すべての文章の行間が変更されてしまうと思いましたし、ワードプレスには慣れてないので、cssは変更したくありませんでした。
他にはないのかなあと思っていると、HTMLでの変更方法が出てきました。
しかし、試してみましたが、行間は変わりません。
でも、HTML編集でできるはずだと思いさらに調べていくと、こんなのが。
<span style=”line-height: 450%;”>○○○○</span>
(このタグをコピペで使われる場合は、“”を入力し直してください)
すると・・・・・、できました。
![](https://life-from-60.jp/wp-content/uploads/2024/02/f66b64783efd113a9d20e4578307eaec-1024x172.jpg)
HTML編集画面ではこうなります。
![](https://life-from-60.jp/wp-content/uploads/2024/02/450e58fb69594c6e241d8a3485f5177f.jpg)
%の数値はお好みの数字に変えましょう。
文字の大きさごとに数値を変えないといけません。