Settings - JSFiddle - Code Playground

Yair's public fiddles

Pure CSS solution for conversting vertical UL to horizontal columns

• divide the page into 4 columns with an unknown number of rows • columns are equal in size with 10px spacing between them • in every column 1 photo is displayed with the title below • photo’s can be either portrait (150px X 200px) or landscape (200px X 150px), but you don’t know that upfront. A row can thus have only landscape, only portrait, or a mix of landscape and portrait photo’s • The spacing between rows is always 10px. Because of the previous rule, rows can thus have unequal height. • photo’s & title are aligned in the center of the column, the title is 5px below the photo • titles are vertically aligned to each other • the HTML is automatically generated & minified (all superfluous whitespace is removed). • you can not use any JavaScript in your solution • you have to use the following markup without modifications: https://gist.github.com/varya/7673588

Dynamically Original Element Appending

On every click of this button it adds another button next to the original one with the exact same behavior