Need survey smileys aligned in single line with image scale type

Hello All,    I have created survey with image scale for 9 smileys and questions. But when I tried to preview survey, user view not seems to be good. All smileys are placed in large distance and smileys after 6 placed on next line. I have tried to resize it with CSS, but no success. Is there any way to put all smileys on single line? If yes it will be good if anyone provide steps or procedure to resolve this. Attachment provided.