Create multi-column layouts with CSS Take advantage of browser support and recreate print style pages using the column-count property. A mainstay of newspaper and magazine print design is the humble column. Columns help to improve the readability of text, ensuring that the consumer doesn't lose their place in lines of the text that are too long. For a long time, web designers have attempted to bring this staple typographical design element to the screen, but have always been restricted by the need to set up complicated floating elements, and no support for automatically flowing text content across columns. A CSS module to support multi-column layouts was first discussed in 1999, so it's been a long journey to get to the point where we can start to use the properties made available. Thankfully, with the release of Internet Explorer 10, all the major browser vendors will support the standard to a greater or lesser degree In this tutorial we're going to examine the primary properties available to achieve multi-column layouts, starting with some basic HTML5 markup. We'll not only create a flexible layout, but also look at some of the current limitations, and how to best take advantage of the feature today. Finally, we'll see how you can repurpose your design to support different screen sizes and resolutions. Create your HTML We're using a basic HTML5 document with a single article, complete with header and footer. Fortunately, the HTML markup is as basic as you can get; we've got a series