I'm trying to make a simple app using HTML5 so that when I press a button, it will pull a random quote/image from a predefined array. I have this working fine, but my issue is that when it pulls the quote/image from the array, it positions it within my page with the same line breaks as in the array. So, the 6th quote shows up on my page 6 lines lower than the first one, even though they are in the same . Is there some way to stop it from inserting the quotes/images further down? I want them all starting at the same line, and centered. [HR][/HR]
i did some test on your project, and what i found out there's nothing wrong with your JS code, what makes it displays off is your css3 styles, try to remove them and the text-align:center and see the result..