3-7作业新闻区内容大小不合适

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

<!--新闻区-->
<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>