麻雀牌画ツールの利用について

ご回答ありがとうございます。早速実行してみました。実行したところ、添付のように右に寄ったり左に寄ったりしてしまいます。もしかすると私のやり方が間違っているかもしれず申し訳ありません。いくつか質問させてください。
（Ａ）①のグループブロックを設置して、追加CSSクラスを設定（img_line）はグループを作成するたびに必要ですよね？
（Ｂ）③の管理画面「外観」>「カスタマイズ」>「追加CSS」に以下のコードを書き込む（添付画像2）
.img_inline img {
display: inline;
}
は一度設定すれば、別の記事でも問題なく表示されると理解してよろしいでしょうか？
（Ｃ）グループ内で、文章と牌画を混ぜるにはどのような方法がありますでしょうか？

ＵＲＬを記載いたします。https://many-hobbies.com/isshokute_9mai/

どうぞよろしくお願いいたします。

さらに続けてすみません。もう１つ質問がございます。これも私の操作ミスかもしれず申し訳ないのですが、
（D）いったん編集をセーブしてまた再開しようとすると、グループのブロックの上部に「このブロックには、想定されていないか無効なコンテンツが含まれています。」と表示されます。

引き続きどうぞよろしくお願いいたします。

早速ご確認ありがとうございました。どうやら私は　img_inline　を「追加CSS」の「ブロック専用CSS」に貼り付けておりました。
そうではなくて、ブロックを作成したときにすぐに「高度な設定」の中にある「追加CSSクラス」に img_inlineを貼り付けないといけなかったということがわかりました。
また、仮に上記に気づいてカスタムHTMLを作成した後に「高度な設定」にimg_inlineを貼り付けようとしてもカスタムHTMLを作成した後では「高度な設定」という画面に行きつかないので、お手すきの際にHTML作成後でも高度な設定ができるような改定をご検討いただけますと幸いです。
「このブロックには、想定されていないか無効なコンテンツが含まれています。」に関しても上記正しい手順だと発生しませんでしたので、おかげさまで解消済みです。牌画及び牌画と文字の表示は想定通りになりました。どうもありがとうございます。
また質問させていただくことになり大変恐縮ですが、レイアウトについて相談させていただきたく、よろしくお願いいたします。
編集作業は同じ手順で「グループ化」や「段落」を使用しているつもりでおりますが、添付のように行間は一定しません。赤点線の行間を赤四角囲みと同じ行間にするにはどうしたらいいのか？　という質問です。URLはこれまでと同じ　https://many-hobbies.com/isshokute_9mai/ です。　解決方法をご教示いただきたくどうぞよろしくお願いいたします。

グループブロックを選択したら、高度な設定にたどりつけました。どうもありがとうございます。

また、レイアウトの方もいただいたコードにてうまくいきました。重ねて御礼申し上げます。