CSS Tables: Responsive Table

<pre><code>&lt;div style=&quot;overflow-x:auto;&quot;&gt;

&lt;table&gt;
... table content ...
&lt;/table&gt;

&lt;/div&gt;</code></pre>

A responsive table will display a horizontal scroll bar if the screen is too small to display the full content.

Add a container element (like <div>) with overflow-x:auto around the <table> element to make it responsive.