html - このhtmlテーブルをdivに変換する方法は？

Question

以下のhtmlテーブルをdivに変換する方法を誰かにアドバイスできますか？グーグルを試してみましたが、具体的な例が見つかりませんでした。誰かが私にいくつかのサンプルコードを提供するか、私を正しい方向に向けることができれば幸いです。

ありがとう

<table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>   

                <tr>
                    <td colspan="3">
                        List of news
                     </td>
                </tr> 
                <tr>
                    <td width="20%">
                        Title
                    </td>
                    <td width="5%">
                        :
                    </td>
                    <td width="75%">
                        Name of title
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        Description
                    </td>
                    <td valign="top">
                        :
                    </td>
                    <td valign="top">
                        Content of description
                    </td>
                </tr>
            </tbody>
            </table> 

Answer 1

ライブデモ： http： //jsfiddle.net/satinder_singh1/TdAWY/

コンテンツ付きのデモ http://jsfiddle.net/satinder_singh1/TdAWY/1/

<div class="headDiv">
        <div class="c1 w1" >
            sd
        </div>
        <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>
         <div class="c1 w20">s
        </div>
        <div class="c1 w5"> s
        </div>
        <div class="c1 w75">s
        </div>

    </div>​

.c1
{
float:left;

}

.headDiv
{
width:100%;
border:1px soild blue;
}
.w75
{
width:75%;
height:50px;

border-bottom:1px solid;
}
.w20
{
width:20%;
height:50px;

border-bottom:1px solid;
}
.w5
{
width:5%;
height:50px;
background-color:Yellow;
border-bottom:1px solid;
}

.w1
{
width:100%;
height:50px;
background-color:pink;
border-bottom:1px solid;
}

Answer 2

tabletodivconverter.com/を使用して、htmlテーブルをdivに変換します。