<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
background-color:lightgray;
height:100%;
}
table#left{
width:26%;
height:100%;
cellpadding:0;
CellSpacing:1;
float:left;
vertical-align:middle;
padding-top:6%;
}
table#right{
width:73%;
height:100%;
cellpadding="0";
CellSpacing:1;
float:right;
}
table#right td{
height:50%;
border:1px solid blue;
text-align:center;
background-color:yellow;
table-layout:fixed
}
</style>
</head>
<body>
<table id="left" align="left" valign="middle">
<tr>
<td>
<img src="tttt.png"/>
</td>
</tr>
<tr>
<td>
<span style="color:BLUE"><b><p>简介</p></b></span>
<p>
    每年此时,玉林“狗肉节”的到来,都会引发巨大的争议,“爱狗”与“吃狗”也
会成为对立的情绪宣泄。围绕“吃不吃”的议题,如今的“狗肉节”不再是民俗
寓意的表达,而是演化为了两种情绪的对抗载体。在不同的情绪下,复杂、极
端、另类的行为不断衍生,割裂了狗肉之争的起码共识...
</p>
<a href="http://www.baidu.com"><span style="color:RED"><p align="right">更多>></p></span></a>
</td>
</tr>
</table>
<table id="right" align="right">
<tr>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
</tr>
<tr>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<style type="text/css">
body{
background-color:lightgray;
height:100%;
}
table#left{
width:26%;
height:100%;
cellpadding:0;
CellSpacing:1;
float:left;
vertical-align:middle;
padding-top:6%;
}
table#right{
width:73%;
height:100%;
cellpadding="0";
CellSpacing:1;
float:right;
}
table#right td{
height:50%;
border:1px solid blue;
text-align:center;
background-color:yellow;
table-layout:fixed
}
</style>
</head>
<body>
<table id="left" align="left" valign="middle">
<tr>
<td>
<img src="tttt.png"/>
</td>
</tr>
<tr>
<td>
<span style="color:BLUE"><b><p>简介</p></b></span>
<p>
    每年此时,玉林“狗肉节”的到来,都会引发巨大的争议,“爱狗”与“吃狗”也
会成为对立的情绪宣泄。围绕“吃不吃”的议题,如今的“狗肉节”不再是民俗
寓意的表达,而是演化为了两种情绪的对抗载体。在不同的情绪下,复杂、极
端、另类的行为不断衍生,割裂了狗肉之争的起码共识...
</p>
<a href="http://www.baidu.com"><span style="color:RED"><p align="right">更多>></p></span></a>
</td>
</tr>
</table>
<table id="right" align="right">
<tr>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
</tr>
<tr>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
<td>
<img src="r11.png"></img>
<p style="text-align:center">示例<p>
</td>
</tr>
</table>
</body>
</html>