1
Good night!
I am learning html + css, and would like to make my 3 tables, stand side by side on the horizontal even if it exceeds the right screen limit(enable scroll bar)
It is possible to do?
Follows code below:
<div id="div1">
<table id="table1" >
<tr>
<th class="class1">Name</th>
<th>Col 1</th>
<th>Col 2</th>
<th>Fr
<br/>10</th>
<th>Sa
<br/>11</th>
<th>Su
<br/>12</th>
<th>Mo
<br/>13</th>
<th>Tu
<br/>14</th>
<th>We
<br/>15</th>
<th>Th
<br/>16</th>
<th>Fr
<br/>17</th>
<th>Sa
<br/>18</th>
<th>Su
<br/>19</th>
<th>Mo
<br/>20</th>
<th>Tu
<br/>21</th>
<th>We
<br/>22</th>
<th>Th
<br/>23</th>
</tr>
<tr>
<td class="class1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="class1">Vestibulum consequat dapibus nibh, ac bibendum turpis ornare ut.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table id="table1" >
<tr>
<th class="class1">Name</th>
<th>Col 1</th>
<th>Col 2</th>
<th>Fr
<br/>10</th>
<th>Sa
<br/>11</th>
<th>Su
<br/>12</th>
<th>Mo
<br/>13</th>
<th>Tu
<br/>14</th>
<th>We
<br/>15</th>
<th>Th
<br/>16</th>
<th>Fr
<br/>17</th>
<th>Sa
<br/>18</th>
<th>Su
<br/>19</th>
<th>Mo
<br/>20</th>
<th>Tu
<br/>21</th>
<th>We
<br/>22</th>
<th>Th
<br/>23</th>
</tr>
<tr>
<td class="class1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="class1">Vestibulum consequat dapibus nibh, ac bibendum turpis ornare ut.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table id="table1" >
<tr>
<th class="class1">Name</th>
<th>Col 1</th>
<th>Col 2</th>
<th>Fr
<br/>10</th>
<th>Sa
<br/>11</th>
<th>Su
<br/>12</th>
<th>Mo
<br/>13</th>
<th>Tu
<br/>14</th>
<th>We
<br/>15</th>
<th>Th
<br/>16</th>
<th>Fr
<br/>17</th>
<th>Sa
<br/>18</th>
<th>Su
<br/>19</th>
<th>Mo
<br/>20</th>
<th>Tu
<br/>21</th>
<th>We
<br/>22</th>
<th>Th
<br/>23</th>
</tr>
<tr>
<td class="class1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="class1">Vestibulum consequat dapibus nibh, ac bibendum turpis ornare ut.</td>
<td>Click here</td>
<td>$100 - $300</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>