Article & Row Separator
There are 2 "separators", one for space between articles and one for space between rows of articles.
Structure with classes and id's
Article separator ----------------- div.item-separator Row separator ------------- span.row-separator
For our example website we only style the row-separator. The row-separator is placed at the end of the last column. So when you have two articles in a row, like the example website, the row separator is placed after column 2.
To see the effect of the row-separator we made a printscreen of the space where article 3 meets article 4. Article 3 is in column 2 and article 4 is in column 1.
CSS
/* ---------------------------
Article / Row separator
---------------------------- */
/* Article separator */
div.item-separator {}
/* Row separator */
span.row-separator {
clear: both;
display: block;
height: 15px;
}
Print screen after applying CSS
