Table rows side by side with css

table.html

<style>
table{
    width:100%;
}
table tr {display:inline}
table tr:nth-child(1){
    position:relative;
}
table tr:nth-child(1) td{
    position:absolute;
    top:100%;
    left:0;
}table tr:nth-child(2){
    display:block;
    width:50%;
    margin-left:50%;
}
</style>

<table>
    <tr>
        <td>First Row</td>
    </tr>
    <tr>
        <td>Second Row</td>
    </tr>
</table>