ここから本文です

【お礼500枚】ワードプレス固定ページにて、記載によって区切り線が食い込むのを防...

cha********さん

2019/2/1812:49:31

【お礼500枚】ワードプレス固定ページにて、記載によって区切り線が食い込むのを防ぐには?

<img class="XXX size-full" src="https://XXX" alt="" width="889" height="247" />

<hr />

固定ページで上記の設定の際、イメージ画像を右揃えにしたりすると「<hr />」が上に記載しているイメージ画像の左側に食い込んで表示されてしまいます。
中揃えなどは問題ないのですが、おそらく不具合だと思われます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

上記の記載をすればなんとか表示できるのですが、「&nbsp;」無しで食い込みを避けて表示することはできないのでしょうか?
何卒よろしくお願いいたします。

具体的な解決法をお願いいたします。

補足CSSには下記コードのみ記載しています

hr {
height: 3px;
background-color:#dd0000;
border:none
}

この質問は、活躍中のチエリアン・専門家に回答をリクエストしました。

閲覧数:
17
回答数:
1
お礼:
500枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

yoy********さん

リクエストマッチ

2019/2/1813:08:15

掲示したコードだけでは分からない。

>イメージ画像の左側に食い込んで表示されてしまいます。

CSSにどのようにしてこうなったのか?が無いから、分からないので、回答しようがありません。

  • 質問者

    cha********さん

    2019/2/1814:40:39

    hr {
    height: 3px;
    background-color:#dd0000;
    border:none
    }

    補足にも記載させて頂きました。
    上記のコードのみCSSで使用しています。

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる