Horizontally align images within a div


Staff member
Would like to horizontally align multiple images and have them flow down the page if there are too many. (This is a mini gallery in the middle of a wordpress post).

After trying multiple code variations found on this site, I still can not get it working. However it works fine at JSFiddle...

<strong>Links needed here here:</strong>

<a href="http://jsfiddle.net/tzhsu/4/" rel="nofollow" title="Working">Working code at JSFiddle</a>

<a href="http://goo.gl/T7Ym6" rel="nofollow">Non-working code at my website</a> (even though the exact same code is being used as above).

Is anyone able to assist me as to what's going wrong?

*<em>HTML and CSS are evident in the first 'JSFiddle' link</em>

*<em>Using latest version of wordpress</em>

<strong>PROBLEM SOLVED:</strong> <em>(can't answer my own question for another 8hrs due to being new)</em>

There is Auto Formatting and AutoText in wordpress that was automatically adding 'breaks' to the end of my image hyperlinks.

Added ".photographs br {display: none;}" to the CSS and it works fine!