bagaimana Cara membuat 2 table di html

[ASK] gimana cara buat 2 table misah ke kanan. maksud ane ga kebawah gitu gan.. ane mao bagi 40%² dan tengah 20% #thanks

<!DOCTYPE html>
<html>
  <head>
<style>
table, th, td
    {border: 1px solid black;
     border-collapse: collapse;
	 text-align:center;}

a
{text-decoration:none;
 color:black;}

#table1
{width:40%;}

#table2
{width:40%;}

table#table1 tr:nth-child(even)
    {background: #eee;}

table#table1 tr:nth-child(odd)
   {background:#fff;}

table#table1 th
    {background: gray;
     color: white;}

table#table2 tr:nth-child(even)
    {background: #eee;}

table#table2 tr:nth-child(odd)
   {background:#fff;}

table#table2 th
    {background: gray;
     color: white;}



</style>
  </head>
  <body>

	<table id="table1">

	  <tr>
		<th>Jill</th>
		<th>Smith</th>
		<th>50</th>
	  </tr>

	  <tr>
		<th rowspan="3">Eve</th>
	    <td>alex</td>
	    <td>alex</td>
	</tr>


	  <tr>
		<td>john</td>
	    <td>alex</td>
	 </tr>

	  <tr>
		<td>andre</td>
	    <td>john</td>
	 </tr>

	  <th colspan="3">alex</th>

	  <tr>
		<th rowspan="3">john</th>
	    <td>alex</td>
	    <td>john</td>
	  </tr>

	  <tr>
		<td>alex</td>
	    <td>john</td>
	  </tr>

	  <tr>
		<td>john</td>
	    <td>john</td>
	  </tr>

	  <th colspan="3">joh </th>

	  <tr>
		<th rowspan="3">alex</th>
	    <td>alex</td>
	    <td>alex</td>
	  </tr>

	  <tr>
		<td>john</td>
	    <td>john</td>
	  </tr>

	  <tr>
		<td>andreas</td>
	    <td>samindra</td>
	  </tr>

   </table>

   <br>

   <table id="table2">

	  <tr>
		<th>Jill</th>
		<th>Smith</th>
		<th>50</th>
	  </tr>

	  <tr>
		<th rowspan="3">Eve</th>
	    <td>john</td>
	    <td>siska</td>
	  </tr>

	  <tr>
		<td>elvi</td>
	    <td>alex</td>
	  </tr>

	  <tr>
		<td>andre</td>
	    <td>andre</td>
	  </tr>

	  <th colspan="3">john</th>

	  <tr>
		<th rowspan="3">john</th>
	    <td>john</td>
	    <td>john</td>
	  </tr>

	  <tr>
		<td>john</td>
	    <td>john</td>
	  </tr>

	  <tr>
		<td>john</td>
	    <td>john</td>
	  </tr>

	  <th colspan="3">bazeng</th>

	  <tr>
		<th rowspan="3">john</th>
	    <td>alex</td>
	    <td>andre</td>
	  </tr>

	  <tr>
		<td>john</td>
	    <td>alex</td>
	  </tr>

	  <tr>
		<td>andreas</td>
	    <td>john</td>
	  </tr>

	</table>









   </body>
</html>

css

@reihanagamsk

125 Kontribusi 41 Poin

Diperbarui 8 tahun yang lalu

1 Jawaban:

bisa gan,, tapi ane mao nulis dngn tag pre di tengahnya.. sama button menuju link.. tapi malah berantakan ke atas teksnya.. ??

@reihanagamsk

125 Kontribusi 41 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

bagaimana Cara membuat 2 table di html

Kelas Premium!
Belajar bikin website dari nol sekarang