ID Card Formate in horizontal

CSS
 <style type="text/css">
        .card
        {
            box-shadow: 1px 4px 8px 1px rgba(0, 0, 0, 0.2);
            max-width: 300px;
            margin: auto;
            text-align: left;
        }
        button
        {
            border: none;
            outline: 0;
            display: inline-block;
            padding: 8px;
            color: #000;
            background-color: #3e9dff;
            text-align: center;
            cursor: pointer;
            width: 100%;
            font-size: 18px;
            font-weight: bold;
        }
       
       
        .title
        {
            color: grey;
            font-size: 18px;
        }
    </style>


HTML Code :

<table class="card">
            <tr>
                <td colspan="3">
                    <table>
                        <tr>
                            <td>
                                <img src="../images/IAS-logo.png" alt="Logo" style="width: 75px; height: 75px; margin: 0 0px 7px 0px;">
                            </td>
                            <td>
                                <div>
                                    <span style="color: red; font-size: 20px; font-weight: bold;">Dr. Lakshmaiah</span><br />
                                    <span style="color: red; font-size: 20px; font-weight: bold;">IAS Study Circle</span><br />
                                    <span style="color: blue;">040-27671427/8500218036</span>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td colspan="3" style="text-align: center; background: #3e9dff;">
                    <span style="color: #000; font-weight: bold;">STUDENT ID CARD</span><br />
                    <asp:Image ID="imgpo" Width="100px" Height="100px" Style="margin: 5px 0 0px 0;" runat="server"
                        onerror="this.onload = null; this.src='Documents/photo1.jpg';" />
                </td>
            </tr>
            <tr>
                <td style="padding: 10px 0 1px 10px;">
                    ID NO
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblIdno" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    NAME
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblName" runat="server" CssClass="uppercase"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    Father name
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblFathername" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    Mobile No
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblMobileno" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    Course
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblCourse" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    Category
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblCategory" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td style="padding-left: 10px;">
                    Validity
                </td>
                <td>
                    :
                </td>
                <td>
                    <asp:Label ID="lblValidity" runat="server">9 Months</asp:Label>
                </td>
            </tr>
            <tr>
                <td colspan="3">
                  <img src="../images/IASSIGNATER.jpg" style="margin: -18px 15px -86px 0; float: right;"
                        alt="sigen" />
                    <span style="float: right; padding: 5px 20px 5px 0;">Director</span>
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <p>
                        <button>
                          rajumsdotnet.blogspot.in</button></p>
                </td>
            </tr>
        </table>
    </div>