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 column under one header (colspan) in HTML table with CSS

Freaking Awesome WordPress Hosting
94 views
asked Dec 12, 2018 by avibootz
edited Dec 12, 2018 by avibootz

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>
                <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>

 





answered Dec 12, 2018 by avibootz

Related questions

...