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:10px 15px;
}
td:last-child {
font-weight:bold;
}
td:first-child {
color:#999999;
font-style:italic;
}
tr:nth-child(2n) {
background:#eeeeee;
}
<h1>Медальный зачет</h1> <table> <th> <td colspan="2"></td> <td><img src="/assets/ifmo/medal-gold.png"></td> <td><img src="/assets/ifmo/medal-silver.png"</td> <td><img src="/assets/ifmo/medal-bronze.png"</td> <td><img src="/assets/ifmo/medal-total.png"</td> </th> <tr> <td>1</td> <td><img src="/assets/ifmo/germany.png"></td> <td>Германия</td> <td>7</td> <td>3</td> <td>2</td> <td>12</td> </tr> <tr> <td>2</td> <td><img src="/assets/ifmo/nederlands.png"></td> <td>Нидерланды</td> <td>5</td> <td>5</td> <td>7</td> <td>17</td> </tr> <tr> <td>3</td> <td><img src="/assets/ifmo/norway.png"></td> <td>Норвегия</td> <td>5</td> <td>3</td> <td>6</td> <td>14</td> </tr> <tr> <td>4</td> <td><img src="/assets/ifmo/switzerland.png"></td> <td>Швейцария</td> <td>5</td> <td>1</td> <td>1</td> <td>7</td> </tr> <tr> <td>5</td> <td><img src="/assets/ifmo/russia.png"></td> <td>Россия</td> <td>4</td> <td>7</td> <td>5</td> <td>16</td> </tr> </table>