Css 嵌套表响应式布局

我有以下问题。我正在Joomla创建一个响应式布局网站。在k2文章中，我将一个大表分为两部分

左侧部分由文本和一些项目符号组成（此处响应布局正常）

右边的表格由另外一个3行嵌套表格组成：第1行“标题”；第二行“文本内容”；第三行图像

嵌套表具有背景自定义图像，当自定义BG图像的布局调整为多种形式并脱离内容块时，会产生问题

[这是正确的嵌套表]

    <table class="app4" style="float: right;" cellpadding="15">
     <tbody>
      <tr>
        <td class="app44">
          <h4>Title for more details</h4>
        </td>
      </tr>
      <tr>
       <td class="app444" style="text-align: justify;">SomText</td>
      </tr>
       <tr>
       <td class="more"><a class="jcepopup" title="Some;" type="image" href="img.png" target="_blank"><img style="align: center; outline: 0; height: auto; max-width: 100%;" src="img.png" alt="title" width="100%" border="0" /></a>
       </td>
      </tr>
     </tbody>
   </table>

这可能是一个伪问题，但是否可以以某种方式对齐嵌套表，使其不以不同的分辨率进行转换，并在调整大小时下降

先谢谢你

---

阿德里安

我想知道这是否是你的想法。检查fiddle链接是否有工作解决方案

与百分比一起工作是完成响应的关键

.pull_left{
    float:left;
    width:30%;
}
.pull_left tbody{
    margin-top:25px;
}
.pull_right{
    float:right;
    width:70%;
}

---

谢谢，这给了我一个如何管理我的造型的方向。

.pull_left{
    float:left;
    width:30%;
}
.pull_left tbody{
    margin-top:25px;
}
.pull_right{
    float:right;
    width:70%;
}