LINEAR

// 2020.11.23 ...sample

記事はこのように表示されます
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

/ postscriput

// 2020.11.23 ...sample

span:sample
mark:sample
strong:sample
small:sample

class="center"で中央寄せ

class="right"で右寄せ

// 2020.11.23 ...about template

長文向きにつくりましたがもちろん短文でもお使いいただけます
記事表示数を1にしてつらつらと長く書くとそれっぽくなると思われますが、複数表示でも大丈夫なように、ある程度の画面の大きさでは2カラムになるように調整もしています

headerはclass="image"の縦幅を広めにとってありますので、必要であれば適宜調節をお願いします
また罫線はarticleのbackgroundで表示させています、不必要であれば削除してください

// 2020.11.23 ...source code

ソースコードと素材は以下からどうぞ

/ view sorce