Style that head! What am I doing wrong?


#1




<body>

    <table style="border-collapse:collapse;">
        <thead>
            <tr>
                <th style="color:red;colspan=2"><p><em>Famous Monsters</em> by <em>Birth Year</em></p></th>
            </tr>
            <tr style="border-bottom:1px solid black;">
                <th style="padding:5px;"><p><em>Famous Monster</em></p></th>
                <th style="padding:5px;border-left:1px solid black;">Birth Year</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="padding:5px;">King Kong</td>
                <td style="padding:5px;border-left:1px solid black;">1933</td>     
            </tr>

            <tr>
                <td style="padding:5px;">Dracula</td>
                <td style="padding:5px;border-left:1px solid black;">1897</td>
            </tr>

            <tr>
                <td style="padding:5px;">Bride of Frankenstein</td>
                <td style="padding:5px;border-left:1px solid black;">1944</td>
            </tr>
        </tbody>
    </table>

</body>


#2

colspan is an attribute, just like style. You can add multiply attributes to a single html element by separating them with a space:

<img src="#" alt="my_image">

Then i don't understand why there are paragraphs inside your <th></th>, remove the paragraphs.

Now, you have 3 headings, the first one which has the colspan:

<th style="color:red;colspan=2"><p><em>Famous Monsters</em> by <em>Birth Year</em></p></th>

and the second and third a few lines down:

                <th style="padding:5px;"><p><em>Famous Monster</em></p></th>
                <th style="padding:5px;border-left:1px solid black;">Birth Year</th>

now, the second and third <th></th> should be bold (em), the instructions mention this. Your fist th is famous monsters BY birth year, the instructions tell you to make famous monster AND birth year (second and third th) bold (em)