The following technique is very useful if you have to make existing websites responsive and e.g. want to have two sidebars after the main content without changing the original HTML. You can define the order of the HTML element which have a common parent element by doing the following: .parent { display:-webkit-box; display:-moz-box; display:box; -webkit-box-orient:vertical; […]

Recently I discovered some short solution for ignoring a single hidden element with the nth-child selector. If you struggle with the same problem the following might be useful: This is the HTML: a b c d e The following CSS adds a margin right to every second visible element no matter which element has the cpw […]

In this very short article I am going to show you how to center a div containing floating elements horizontally with pure CSS. Although it should be a simple problem, sometimes it can be annoying to get something centered. So here is a very simple solution for this problem: How to center a div: margin: […]

Recently I was confronted with some lectures about certain topics relating to Cascading Stylesheets. I decided to write a short summary to remember and use these things as I need them in future projects. 1. CSS-Sprites CSS-Sprites are the idea of using one large as background for multiple graphics on a web page. Relative positioning […]