WordPress　固定ページでcssについて　アンダーラインが横幅いっぱいにならない

###前提・実現したいこと
WordPressでサイトを制作しております。単純なことにつまづき困っております。
記事や固定ページには直接cssを書き込んでタイトルやボタンなどをデザインしているのですが、
タイトルなどcssを指定しても囲みやアンダーラインが横幅いっぱいにならず文字部分だけになってしまい困っております。

###発生している問題・エラーメッセージ
コンテンツ部分の横幅いっぱいにアンダーラインを引きたいのに文字部分だけのアンダーラインになってしまう

###該当のソースコード

<h1><span style=" padding-bottom: .5em; border-bottom: 1px solid #ccc;>ここにタイトル</span></h3>

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

行動規範の内容に同意します

回答1件

h3だと思うのでh3で。
この2パターンでいけると思います。
今後の構成を考えてお好きな方を使ってください。

html
1<!-- spanを伸ばしたパターン -->
2<h3><span style="display: block;padding-bottom: .5em; border-bottom: 1px solid #ccc;">ここにタイトル</span></h3>
3
4<!-- spanはそのままでh3にborderをつけたパターン -->
5<h3 style="padding-bottom: .5em; border-bottom: 1px solid #ccc;"><span>ここにタイトル</span></h3>