見出しの2段レイアウト - チープカ

CSS, はてな | 17:11 | http://d.hatena.ne.jp/hatenadiary/20071011/1192086312d2からdへ本格施行されたようなのでこういう風にして見た。やはり問題はsanchorが消えたせいでどこがタイトルなのかがわかりにくくなるというところなので、ボーダーをつけて、下の列と結合させるようにしてみることで割とはてなダイアリーに見えないような作りになりました。公開デザイン「somewhere」にも反映させてみたのでどうぞ。ソースはこんな感じ。2段表示の時だけh3にtitleクラスがつくのでそれを使えば分離して記述する事ができます。 .section h3.title{ margin: 0; line-height: 1.2; padding: 2px 0 0 3px; border-left: solid 4px #E9E2BD; } .se