I want to align my three images horizontally instead of vertically what is the easiest way to achieve this? example
You need the div's containing the images to be floated.
Add this section of code into your css:
#christmas_promotion_boxes > *{ float:left; }
http://jsfiddle.net/tDfCR/5/