Learning word press 12 （見出しマークを編集）

word pressのテンプレートをcssを使い見出しを編集を行う

編集サイトの固定ページを開く

以下のソースコードをテキストに打ち込む
（内容：フォントサイズ h3 部分に関して　先頭にマークを付ける）

<style>
h3 {<br />
position: relative;<br />
padding: .5em;<br />
border-left: 5px solid #444;<br />
}<br />
h3:before {<br />
position: absolute;<br />
left: -5px;<br />
bottom: 0;<br />
content: '';<br />
width: 5px;<br />
height: 50%;<br />
background-color: #0000ff;<br />
}<br />
h3:after {<br />
position: absolute;<br />
left: 0;<br />
bottom: 0;<br />
content: '';<br />
width: 100%;<br />
height: 0;<br />
border-bottom: 2px solid #444;<br />
}</p>
</style>

となる

以上