Now the boss wants the captions next to the pictures instead of underneath! ARRGHHH!!! But with CSS, no problem.
- Update the DIV width to about 200 pixels or whatever works for your own captions. Be aware of the window width!
- Add a border and some padding to the bottom of the DIV.
- Remove both backgrounds ( if you are using them) since they won't be needed.
- The image must float left so it will sit beside the caption. No width is needed here since the image has its own width. But it will need some margins.
- You might want to adjust the alignment of the P if you have long captions.
- You might also adjust the line breaks if necessary.
- See, you don't need tables!
Cloud One This picture was shot from my back yard.
Cloud Two
Cloud Three
Cloud Four
Cloud Five
Cloud Six
Cloud Seven
Cloud Eight
Cloud Nine
Cloud Ten
Cloud Eleven
Cloud Twelve