Diving Into CSS Regions

At the time of this writing, the CSS Regions specification is a working draft and things may change! Techniques mentioned in this tutorial might change in implementation. The aim of this tutorial is to give a basic understanding of CSS Regions and what might be coming to a browser near you.

Demonstrating CSS Regions in a simple manner actually requires very little code! To get into the flow of things lets go through a quick example of how to use CSS Regions. First, you need some dummy text which is contained within the paragraph tag, below that you’ll notice two empty divs each with a class of “regions”. Using CSS Regions Umar Hansa will allow his “example-text” to flow into the region divs.