图片下面的文字咋搞

第一次搞网页设计，我想在图片下面搞两行文字，就例如图一那样，不过我搞的文字背景颜色不知道为什么这么大，不知道是因为我的图片是浮动的原因，我的思路是上面三个图片用浮动搞成一行，然后下面文字就用ul来搞，然后文字都放在一个div里，再给div设置个背景颜色，我感觉我的思路好像没有问题，也不知道有没有更好的方法，我的代码和图片都在下面，希望有人能来指点我一下