Question

JsFiddle DEMO

Here’s my html:

<span> Testing
    <table>
        <tbody>
            <tr>
                <td>One</td>
                <td>Two</td>
                <td>Three</td>
            </tr>
        </tbody>
    </table>
</span>

And my css:

span {
    border: 1px solid black;
}

Shouldn’t the whole span get a normal border? I’m getting a messed up result in Firefox and Chrome (didn’t test in others yet)

Am I missing something or doing something wrong?

Answer 1

<table>s don’t belong in <span>s, as <table>s are block-level elements and <span>s are inline elements, so there’s no point testing that code as results will be unpredictable.

Use a <div> instead of a <span>.