Походу намудрил с отступами. 3 день воюю с ними. Уже начинает выбешивать.
<!DOCTYPE html>
<html>
<head>
<title>2 испытание: медальный зачет</title>
<meta charset="utf-8">
</head>
<body>
<h1>Медальный зачет</h1>
<table cellpadding='10'>
<tr>
<td colspan='3'></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>
</tr>
<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>
</body>
</html>
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-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
padding-left: 10px;
}
td:first-child {
font-style:italic;
color:#999999;
padding-left:20px;
}
td:last-child {
font-weight: bold;
text-align: center;
}
tr {
padding:10px;
}
tr:nth-child(even) {
background-color: #eeeeee;
padding:0;
}