Tutorial that will explain all about generated content and its relation with CSS. Generated content is a content created by a browser but not represents either by a markup or the content itself.

Here we are going to learn how to create this pure CSS hide and display method step by step in order to give you the reader a better idea of the whole process in creating your very own content hide and display areas.

This is a 2 columns liquid layout with a default width of 100%. For the columns themselves, the left column is fixed, while the content column is fluid.