How to align HTML table header to the left in CSS

1 Answer

<!DOCTYPE html>
<html>
    <head>
        <style>
            table, th, td {
                border: 1px solid lightgreen;
                border-collapse: collapse;
            }
            th {
                text-align: left;
            }
        </style>
    </head>
    <body>

        <h1>HTML Table</h1>

        <table style="width:20%">
            <tr>
                <th>Name</th>
                <th>Language</th>
            </tr>
            <tr>
                <td>Fox</td>
                <td>PHP</td>
            </tr>
            <tr>
                <td>Angelina</td>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>Borat</td>
                <td>HTML</td>
            </tr>
            <tr>
                <td>Mr. Bean</td>
                <td>CSS</td>
            </tr>
        </table>

    </body>
</html>

70+ SQL courses for beginners and professionals

answered Dec 12, 2018 by avibootz

Most popular tags

How to align HTML table header to the left in CSS

1 Answer

Related questions