簡易平行線作成

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

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



以下が投稿作成時に差し込むタグです。
view source
print?
1.<div id="horizon" ></div>
そして、以下がテンプレートに書き加えたCSSです。
view source
print?
1./* 水平線 */
2.#horizon {
3.  width: 200px;
4.  height: 2px;
5.  margin-left: 1em;
6.  background-color:#204063;
7.}

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

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