如何将文字放在图片下方？

Question

如何将文字放在图片下方？

http://codepen.io/ANDRESRENGIFO2015/pen/zvLKJx

<div class="img">
<div class="logo">
<img src="http://www.car-logos.org/wp-content/uploads/2011/09/tesla.png " alt="tesla " title="tesla " width="250" height="250">
</div>  
</div>
  <div class="img">                                                                                              
<div class="elon">
<img src="http://www.medciencia.com/wp-content/uploads/2015/10/portadaMusk.jpg " alt="musk" title="musk " width="250 " height="250">
</div>
  </div>

  <div class="img">
<div class="car " >
 <img src="http://www.pluginamerica.org/sites/default/files/imagecache/image_full/vehicle-images/tesla%20motors_model%20s_2.jpg " alt="car " title="car " width="250 " height="250">
</div>
</div>

Answer 1

由于你的.img元素是浮动的，你没有正确地包含它们，把一个元素作为一个具有overflow:hidden css属性的容器，或者一个clearfix hack就可以了。

Example

我建议您阅读有关花车的this文章，如果您不熟悉则请将其清除。