Pure CSS – Horizontal Tables:

In this tutorial, we will learn about creating Horizontal lined tables in HTML using Pure CSS. Pure CSS provided the class name called “pure-table-horizontal” for creating the tables having data separated by horizontal lines. We need to add this class along with pure-table class in the <table> element. Below is the example for creating a horizontal table in Pure CSS.


Below is the output: