如何将此html表转换为div？

有人能告诉我如何将下面的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> 

新闻列表
标题
:
头衔
描述
:
描述内容

现场演示：

带内容的演示

sd
s
s
s
s
s
s
​
.c1
{
浮动：左；
}
.头目
{
宽度：100%；
边框：1px纯蓝；
}
.w75
{
宽度：75%；
高度：50px；
边框底部：1px实心；
}
.w20
{
宽度：20%；
高度：50px；
边框底部：1px实心；
}
.w5
{
宽度：5%；
高度：50px；
背景颜色：黄色；
边框底部：1px实心；
}
.w1
{
宽度：100%；
高度：50px；
背景颜色：粉红色；
边框底部：1px实心；
}

用于将html表格转换为div。

最后两行表格不正确。请提供正确的表格结构。您好，我已经做了相应的更改。可以进一步建议采用div布局吗？请改进您的第二行。因为更重要的是首先定义您要查找的实际表转换。我很抱歉。我也把那一排移走了。你试过什么？这是一个非常开放的问题，因为答案可能有很多不同的东西。

<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;
}