JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
       <title>2 испытание: медальный зачет</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1>Медальный зачет</h1>
   <table>
        <tr> 
            <td></td>
            <td></td>
            <td><img src="http://htmlacademy.ru/assets/ifmo/medal-gold.png"></td> 
            <td><img src="http://htmlacademy.ru/assets/ifmo/medal-silver.png"></td> 
            <td><img src="http://htmlacademy.ru/assets/ifmo/medal-bronze.png"></td>
            <th><img src="http://htmlacademy.ru/assets/ifmo/medal-total.png"></th>
        </tr>
        <tr> 
            <td class="numeration"> 1 <img src="http://htmlacademy.ru/assets/ifmo/germany.png"></td>
            <td>Германия</td>
            <td>7</td> 
            <td>3</td> 
            <td>2</td>
            <th>12</th>
        </tr>
       <tr> 
            <td class="numeration">2 <img src="http://htmlacademy.ru/assets/ifmo/nederlands.png"> </td>
            <td>Нидерланды</td>
            <td>5</td>
            <td>5</td> 
            <td>7</td>
            <th>17</th>
        </tr> 
        <tr>
            <td class="numeration">3 <img src="http://htmlacademy.ru/assets/ifmo/norway.png"></td>
            <td>Норвегия</td>
            <td>5</td>
            <td>3</td>
            <td>6</td>
            <th>14</th>
        </tr>
        <tr>
            <td class="numeration">4 <img src="http://htmlacademy.ru/assets/ifmo/switzerland.png"></td>
            <td>Швейцария</td>
            <td>5</td>
            <td>	1</td>
            <td>1</td>
            <th>7</th>
        </tr>
        <tr>
            <td class="numeration">5 <img src="http://htmlacademy.ru/assets/ifmo/russia.png"></td>
            <td>Россия</td>
            <td>4 </td>
            <td>7</td>
            <td>5</td>
            <th>16</th>
        </tr>
    </table>
      </body>
</html>

CSS

html, body{
    margin:0;
    padding:0;
}
body{
    width:450px;
    font-family:"Arial", sans-serif;
    font-size:16px;
}
h1{
    padding:0 20px;
    margin:0;
    margin-top:20px;
    font-size:18px;
    font-weight:normal;
}
table{
    
    border-collapse:collapse;
}
td {
    padding-right:40px;
    padding-top:10px;
    padding-bottom:10px;
}
th {
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
}

tr:nth-child(2n){
    background:#eeeeee;
}

.numeration{
    color:#999999;
    font-style:italic;
    position: relative;
    padding-left: 15px;
    padding-right: 50px;
}

.numeration img{
    position: absolute;
    right: 15px;
    top: 15px;
}


/* 
    Все внутренние отступы кратны 5
    Серый цвет фона: #eeeeee
    Серый цвет цифр: #999999
*/