html - 4列图像的响应式CSS解决方案

Question

我真的想不出适合我的问题的标题。

到目前为止，我只被要求将 CSS 添加到网站以使其响应。到目前为止一切顺利，但我遇到了一个大问题，想不出合适的解决方案。

请看<redacted> .

您会在下方看到 4 张带说明文字的图片。这就是我的问题开始的地方。

我想要做的:我希望所有这些图像都显示在 1 列中，标题就在它们旁边。

我已经尝试过的:我尝试分配 display: block;或重置给定的格式，但堆叠的 div 太多，我只是失去了代码的概述。

你能告诉我一些从哪里开始的建议吗？非常感谢您的帮助!

Answer 1

这就是你要找的http://jsfiddle.net/fc3nb5rL/15/

<table>
<tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>
 <tr>
    <td><img src="http://placekitten.com/300/301" class="back">
       </td>
    <td>Description</td>
</tr>