55.1 - 1 column, borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.2 - 2 columns - borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.3 - 3 x auto width columns - borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.4 - 12 columns - borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.5 - 1 column - no borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.6 - 3 x 4/12 columns - no borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.7 - Invalid background color code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.8 - text color code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.9 - More than 100% width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.10 - Mixed columns with and without borders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.11 - More than 12 columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.

55.12 - Section in a section

This is a section nested in a section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec volutpat, turpis ac pretium finibus, purus nisi pretium magna, ut eleifend est metus nec lacus. Pellentesque dui diam, pellentesque eget augue eu, commodo rhoncus risus. Aliquam faucibus luctus ipsum non rutrum. Nulla eros purus, tincidunt id ligula eu, finibus maximus nisl. Curabitur tempor volutpat posuere. Donec et quam turpis. Pellentesque molestie arcu ac aliquam eleifend. Donec et sapien ut nisl suscipit euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut volutpat consectetur ex nec placerat.