3-7作业新闻区内容大小不会调节

新闻区部分怎么也设置不好大小，表格间的比例也做不出效果图上的那样，而且新闻的内容会换行，怎么修改比较好？

表格我是特意加上了border属性想看看排版的

<!--新闻区-->

<div>

<table border="1">

<tr width="100%">

<td rowspan="3" width="10%"><!--空白--></td>

<td width="30%">

<h4>慕课快讯&nbsp;&nbsp;基层采风&nbsp;&nbsp;媒体聚焦&nbsp;&nbsp;慕课视频&nbsp;&nbsp;>></h4>

<p>>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30</p>

<p>>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30</p>

<p>>台军演习“歼灭”解放军&nbsp;专家：自欺欺人&nbsp;12-30</p>

<p>>气象局停发霾预警？&nbsp;回应，正协商联合发布机制&nbsp;12-30</p>

<p>>独家：小米影业解散宣法部门&nbsp;宣布成立一年后刹车&nbsp;12-30</p>

<p>>“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造价？&nbsp;12-30</p>

<p>>装置业，看看2017全球楼市掘金路线图&nbsp;12-30</p>

<p>>王健林与房地产越来越远？贾跃亭与房地产越来越近&nbsp;12-30</p>

</td>

<td width="30%">

<h4>慕课快讯&nbsp;&nbsp;基层采风&nbsp;&nbsp;媒体聚焦&nbsp;&nbsp;慕课视频&nbsp;&nbsp;>></h4>

<p>>慕课平台课程扩容&nbsp;涵盖多个领域&nbsp;12-30</p>

<p>>李克强主持座谈会&nbsp;葛优刘国梁被请进中南海&nbsp;12-30</p>

<p>>台军演习“歼灭”解放军&nbsp;专家：自欺欺人&nbsp;12-30</p>

<p>>气象局停发霾预警？&nbsp;回应，正协商联合发布机制&nbsp;12-30</p>

<p>>独家：小米影业解散宣法部门&nbsp;宣布成立一年后刹车&nbsp;12-30</p>

<p>>“哑巴群众”开口说话&nbsp;是稿件有误还是新闻造价？&nbsp;12-30</p>

<p>>装置业，看看2017全球楼市掘金路线图&nbsp;12-30</p>

<p>>王健林与房地产越来越远？贾跃亭与房地产越来越近&nbsp;12-30</p>

</td>

<td width="20%">

<img src="images/weixin.png">

</td>

<td rowspan="3" width="10%"><!--空白--></td>

</tr>

<tr>

<!--已去掉一行-->

<td colspan="3">近期专题</td>

<!--已去掉一列-->

<!--已去掉一列-->

<!--已去掉一行-->

</tr>

<tr>

<!--已去掉一行-->

<td align="center"><img src="images/1.png"></td>

<td align="center"><img src="images/2.png"></td>

<td><img src="images/3.png"></td>

<!--已去掉一行-->

</tr>

</table>

</div>