HALFWAY

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

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

■ サンプル

&

&

"

"

<

&lt;

>

&gt;

2009-07-02

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

2009-05-14

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

■ CSS

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

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

dl.list4 dt span{
   position: relative;
   border-bottom: 3px double #bf0f0b;
}

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

■更新 2009年 07月 02日