記事 4 へのレス：
>>2
ここを利用していないので仕様はわかりませんが、まず<head>に<!DOCTYPE html>は入れられないです。
letter-spacingは文字間隔を調整するものなので、くっついて表示されてしまうのはそれが影響していると思います。
プレビュー画面と実際の画面で違うのは、おそらくスタイルシートが効いていないか、上書きされているかだと思います。
ページを見てみないと詳しい状況はわかりませんが、とりあえず<head>の<!DOCTYPE html>とletter-spacingは削除してください。
それから罫線にletter-spacingを直接指定してみてください。
【ブロックレベル】
<div style="letter-spacing: -0.1em">━━━━━</div>
【インライン】
<span style="letter-spacing: -0.1em">━━━━━</span>
もしくは
<div style="display: inline-block; letter-spacing: -0.1em">━━━━━</div>
ラインを引きたいのであれば、border-を使った方がいいとは思います。