Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Prodentim Probiotics Specially Designed For The Health Of Your Teeth And Gums

Instant Grammar Checker - Correct all grammar errors and enhance your writing

Teach Your Child To Read

Powerful WordPress hosting for WordPress professionals

Disclosure: My content contains affiliate links.

31,166 questions

40,722 answers

573 users

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

1 Answer

0 votes
<!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>
                <td>Fox</td>
            </tr>
            <tr>
                <th rowspan="2">Languages:</th>
                <td>PHP</td>
            </tr>
            <tr>
                <td>Java</td>
            </tr>
             <tr>
                <th>Name:</th>
                <td>Angelina</td>
            </tr>
            <tr>
                <th rowspan="2">Languages:</th>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>Node.js</td>
            </tr>
        </table>

    </body>
</html>

 





answered Dec 12, 2018 by avibootz
...