罫線［HR］の制御はどこの部分で行われていますか？

本文の中に罫線［HR］を多用しているのですが、HRの幅等を変えたいと思うのですが、言うことを聞いてくれません。

<hr style="margin:1em -20px;" />

のように書いて（左右の枠線まで突き抜ける形の罫線にしたい）も、なぜか左に寄っていくだけとなってしまいます。

様子はわかりませんが、<hr style="margin: 1em -16px; width: auto;">でしたら私個人の環境では、はみ出さず表示されます。現在デフォルト環境で見てないので、全ての環境ではみ出すとは限りません・・・

子テーマstyle.cssに書くなら、下記の通り。

hr {
	margin: 1em -16px;
	width: auto;
}

親要素のstyle.cssのhrの部分をコメントアウトしても変わりません。

初めての方は必ずお読みくださいを確認されましたか？

Simplicity動作不良時のガイドラインにある、サーバー・プラグイン・ブラウザなどのキャッシュの影響は考えられないでしょうか？

hrの装飾・制御はどこで行われているのでしょうか？

親テーマstyle.cssのご確認された部分で間違いないとは思います。

hr{
  color: #ddd;
  margin:30px 0;
  width:98%;
  border:1px solid #ddd;
}

ありがとうございます

「width:auto;」をつけたら思ったような効果になりました。

「width:〇〇%;」ではダメでした。

とりあえず、子テーマのスタイルシートに「width:auto;」を記述しただけですべて思うようなデザインになりました。

なんでこうなるのか、理解が足りていないようです。（以前のブログでは幅の指定はしなくても指定が効いていましたので）

これを糸口に、もう少し勉強してみたいと思います。

ありがとうございました。

大枠にはpaddingが入っているので、marginであえて はみ出してる感じですよね。

子テーマのスタイルシートに「width:auto;」を記述しただけですべて思うようなデザインになりました。

なんでこうなるのか、理解が足りていないようです。（以前のブログでは幅の指定はしなくても指定が効いていましたので）

幅の指定を初期値に戻したので、以前のブログのように指定が効くようになった。と思うと分かりやすいかもしれません。

思ったようにカスタマイズが出来たようで良かったです❦　＾＾