[css-cascade] Make an example easier to understand

[xfq]

I think an example in the Important Declarations section can be improved.

That example includes six rules from two style sheets, and uses a long paragraph to explain which value/declaration is the winning one. Although the explanation is correct, it is not very intuitive.

IMHO adding something like the following after the </pre> (no need to remove the explanation paragraph) will make the example easier to grasp:

<table class="data">
    <thead>
        <tr>
            <th>Property
            <th>Winning value
    <tbody>
        <tr>
            <th>'text-indent'
            <td><css>1em</css>
        <tr>
            <th>'font-style'
            <td><css>italic</css>
        <tr>
            <th>'font-size'
            <td><css>12pt</css>
        <tr>
            <th>'font-family'
            <td><css>sans-serif</css>
</table>