HALFWAY

■ リストを使ったテーブル (もどき) 日付にマーク１

CSSデザインノート: リストアーカイブを試す。 ※ IE 無視

■ サンプル

&

&

"

"

<

&lt;

>

&gt;

2009-07-02

このサンプルは元ページのまま使わせて頂いています。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんあいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん

2009-05-14

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

■ CSS

* html body dl.list dd div{
   display: inline-block;
}

dl.list3 dt {
   float: left;
   width: 10em;
   padding-top: 10px;
   padding-bottom: 0;
   padding-right: 0;
   font-weight: normal;
   color: #333;
}

dl.list3 dt span{
   padding-left: 3px;
   border-left: 3px solid #999;
}

dl.list3 dd {
   margin: 0;
   margin-left: 10em;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
}

■更新 2009年 07月 02日