如何在没有html验证错误的情况下并排使用ol li和表？

Question

How to use ol li and table side by side with no html validation error? I need to show these kind of data. I have about thousand lines of data with pagination. How can i integrate it?

Answer 1

Use counter CSS on first cell of each row then you style. Selector: tr :first-child should be okay .
more about CSS COUNTER: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters

Answer 2

GCyrillus is right: I create a CSS counter "mycount" and then I use a class attribute every time I want to print.
Here The CSS code:

<style type="text/css">
body {
    counter-reset: mycount;           /* Set the counter to 0 */
}
.mycount:before{
    counter-increment: mycount;      /* Increment the counter */
    content: counter(mycount) ". "; /* Display the counter */
}
</style>

And the html table:

<table>
  <tr>
    <td><span class="mycount"></span></td>
    <td>Snow Partridge</td>
    <td>लरवान</td>
    <td>Chinese Version</td>
  </tr>
  <tr>
    <td><span class="mycount"></span></td>
    <td>Tibetan Snowcock</td>
    <td>कोङ्मा हिउकुखुरा</td>
    <td>Chinese Version</td>
  </tr>
</table>

Answer 3

<table cellspacing='0' cellpadding='0' border='0' class='table-list' style="width:100%;">
<tr>
    <td valign="top" style="padding-right:20px;">
        <ol>
            <li>Snow Partridge</li>
            <li>Tibetan Snowcock</li>
        </ol>
    </td>
    <td valign="top" style="padding-right:20px;">
        <ul>
            <li>लरवान</li>
            <li>कोङ्मा हिउकुखुरा</li>
        </ul>
    </td>
    <td valign="top" style="padding-right:20px;">
        <ul>
            <li>Chinese Version</li>
            <li>Chinese Version</li>
        </ul>
    </td>
</tr>