4列圖像的響應式css解決方案

Question

我真的想不出適合我的問題的標題。

到目前爲止，我被要求只添加CSS到一個網站，使之反應。到目前爲止這麼好，但我遇到了一個巨大的問題，無法想出一個合適的解決方案。

請看一看http://213.179.128.120/domain_suedlohn_test/。

你看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>