How to center text in HTML table cells with CSS

70+ SQL courses for beginners and professionals

234 views

asked Dec 12, 2018 by avibootz
edited Dec 12, 2018 by avibootz

Share on

share on gp share on fb share on tw share on li share on re share via email

1 Answer

<!DOCTYPE html>
<html>
    <head>
        <style>
            table, th, td {
                border: 1px solid lightgreen;
                border-collapse: collapse;
            }
            td,th {
                text-align: center;
            }
        </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 center text in HTML table cells with CSS

1 Answer

Related questions