How to create cell span for more than one column under one header (colspan) in HTML table with CSS

1 Answer

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

        <h1>HTML Table</h1>

        <table style="width:20%">
            <tr>
                <th>Name</th>
                <th colspan="2">Languages</th>
            </tr>
            <tr>
                <td>Fox</td>
                <td>PHP</td>
                <td>Java</td>
            </tr>
            <tr>
                <td>Angelina</td>
                <td>JavaScript</td>
                <td>Node.js</td>
            </tr>
            <tr>
                <td>Borat</td>
                <td>HTML</td>
                <td>Angular</td>
            </tr>
            <tr>
                <td>Mr. Bean</td>
                <td>CSS</td>
                <td>Bootstrap</td>
            </tr>
        </table>

    </body>
</html>

70+ SQL courses for beginners and professionals

answered Dec 12, 2018 by avibootz

Most popular tags

How to create cell span for more than one column under one header (colspan) in HTML table with CSS

1 Answer

Related questions