<span class="dash">
<span class="dash">――</span>
<hr>
or <div class="break">
<hr>
(スペースのみ)
<div class="break">§</div>
(任意で記号)
<ul class="nav">
<ul class="nav"><li><a href="../">back</a></ul>
<div class="note">
div
以外にp
・ul
・ol
・dl
も利用想定しています。
<p class="note">エンドマーク</p>
<dl class="note"><dt>初稿<dd>掲載日</dl>
<div class="notice">
div
以外にp
・ul
・ol
・dl
も利用想定しています。
<p class="notice">作品を読むにあたっての注意</p>
<ul class="notice"><li>作品を読むにあたっての注意</ul>
<div class="afterword">
div
以外にp
・ul
・ol
・dl
も利用想定しています。
<div class="afterword">後書きやメールフォームなど</div>
スタイルシートファイルを任意のエディタで開き、自由にカスタマイズしてください。40行目あたりから色や余白等の任意カスタマイズ事項が抜き出されています。
いちいち全角スペースを入れなくても、形式段落を<p>
でマークアップしておけばCSSの指定でインデントを取り入れられます。以下強調部削除。
p
{
/* text-indent: 1em; */
/* margin-bottom: 0.5em; */
}
かぎかっこなど記号始まりでインデントをなくしたい行は、<p class="mark">
にするとインデント削除されます。
<p>彼はやってきて言いました。
<p class="mark">「こんにちは」
形式段落一文が複数行にわたるほど長い作風の場合は、形式段落ごとに上下スペースがあるほうが見やすい気がします(主観です)。形式段落を<p>
でマークアップしておけばCSSの指定でスペースを入れられます。以下強調部削除。
p
{
/* text-indent: 1em; */
/* margin-bottom: 1em; */
}