このパラグラフは id カスタマイズしたブロック要素内に配置しています。センター寄せはブロックの幅を指定してから、左右のマージンを調整するというW3Cにのっとったやり方で、テキストアラインは使っていません。アライン属性はとても便利に使えたのですが、今後は次第に廃止されるらしく、代替手法を用意しておく場面が増えそうです。


このサンプルテンプレートの特長は、コンテンツフィールドを３層構造にしてＯＢゾーンとの境界に影風のデザインを施している点と、ブロック要素を狙った位置に配置しているところです。こんな風に見えるサイトのほとんどは固定幅画像を使っていますが、このページではコンテンツのボリュームに合わせて、使用するフィールドの幅を自由に変更できるのが特長です。


また、狙った場所にコンテンツを配置できる、ということは流行りの２コラム、或いは３コラムスタイルのレイアウトにも、表組みをつかわずすぐに対応できます。


title

・左寄せで使うメニュー的フィールド
・左寄せで使うメニュー的フィールド
・左寄せで使うメニュー的フィールド
・左寄せで使うメニュー的フィールド
 
右寄せで使う主たるコンテンツフィールド // 彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。人生の航路を捻じ曲げ、その獲物と共に立ち去ろうとしている、その丁度今。彼のこの仕事への恐れを和らげるために、数多い仲間の中に同じ考えを抱き、彼を見守り、待っている者がいるというのか。それとも背後の足音の主は、この街に無数にいる法監視役で、強靭な罰をすぐにも彼の手首にガシャンと下すというのか。彼は足音が止まったことに気が着いた。あわてて辺りを見回す。ふと狭い抜け道に目が止まる。彼は素早く右に身を翻し、建物の間に消え去った。その時彼は、もう少しで道の真中に転がっていたごみバケツに躓き転ぶところだった。彼は暗闇の中で道を確かめようとじっと見つめた。どうやら自分の通ってきた道以外にこの中庭からの出道はないようだ。足音はだんだん近づき、彼には角を曲がる黒い人影が見えた。彼の目は夜の闇の中を必死にさまよい、逃げ道を探す。もうすべては終わりなのか。すべての苦労と準備は水の泡だというのか。突然、彼の横で扉が風に揺らぎ、ほんのわずかにきしむのを聞いた時、彼は背中を壁に押し付け、追跡者に見付けられないことを願った。この扉は望みの綱として投げかけられた、彼のジレンマからの出口なのだろうか。背中を壁にぴったり押し付けたまま、ゆっくりと彼は開いている扉の方へと身を動かして行った。この扉は彼の救いとなるのだろうか。