In this tutorial ,how to create side by side table s in html and css. Here, am using for create side by side tables with the CSS flex property for divide the column 50% and make the simple design using html and css. Read also: How to create multiple table using HTML Side By Side Table In HTML Style: * { box-sizing: border-box; } .container { width:1200px; margin:0 auto; } table { border-collapse: collapse; width: 100%; border: 1px solid #323232; } .row { display:flex; } .column { float:left; flex:50%; padding:10px; } th,td { text-align:left; padding:10px; border:1px solid #323232; } .header { background-color:#121212; color:#fff; } .secondheader { background-color:#cccccc; color:#323232; } HTML: <body> <div class="container"> <h2>Side by Side Tables in HTML</h2> <div class="row"> <div class="column"> <table> <tr class="header"> <th>S.NO</th> <th>ORDER</th> ...
DailyAspirants: Your hub for free web development tutorials, SEO tips, and programming guides covering Python, SQL, C#, and more.