簡易平行線作成

※この投稿はもう存在する意義を無くしました。
このテンプレートに変えてから＜hr＞がなぜか使えなかったので、簡易的な平行線を作成しました。
と言っても、＜hr＞を入れても全く反応が無いので、＜div＞を使って作ります。
先日の平行線と同じような感じですね。

この1つ前の記事でもテストで差し込みました。
以下のようなものになります。



以下が投稿作成時に差し込むタグです。
<div id="horizon" ></div>


そして、以下がテンプレートに書き加えたCSSです。
/* 水平線 */
#horizon {
  width: 200px;
  height: 2px;
  margin-left: 1em;
  background-color:#204063;
}


本当は記事内中央に置きたかったのですが、それをするには大枠までいじらないといけないので、仕方なく「margin-left: 1em;」で置いています。
「1em」は1文字分という意味です。

水平線挿入用のJavaScriptも作らねば・・・。