How i create two tables with the same line in same div


#1


index.html
</div>
		<div id="sameline">
		    <table id="table1">
		    <thead>
		        <th colspan="3">this is my friend</th>
		    </thead>
		    
		    <tbody>
		        <tr>
		            <td>Saman</td>
		            <td>Kamal</td>
		            <td>Nimal</td>
		        <tr/>
		        <tr>
		            <td>Sachee</td>
		            <td>Darshika</td>
		            <td>Nimali</td>
		        </tr>
		    </tbody>
		</table>
		
		 <table class="table2">
		    <thead>
		        <th colspan="3">this is my friend</th>
		    </thead>
		    
		    <tbody>
		        <tr>
		            <td>Saman</td>
		            <td>Kamal</td>
		            <td>Nimal</td>
		        <tr/>
		        <tr>
		            <td>Sachee</td>
		            <td>Darshika</td>
		            <td>Nimali</td>
		        </tr>
		    </tbody>
		</table>
	    </div>


stylesheet.css

table.table2{
    
    margin-left: auto;
    float: right;
    margin-right: 0px;
    background: linear-gradient(
                to right,);
 
}

#sameline{
    display: inline-flex;

}

i need one table in left and other  table in right


#2

give me the any solution


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.