Проблема с отступами, перепробовал всё что знаю, не могу никак выровнять текст как в примере, подскажите что не так.
<!DOCTYPE html>
<html>
<head>
<title>2 испытание: медальный зачет</title>
<meta charset="utf-8">
</head>
<body>
<h1>Медальный зачет</h1>
<table>
<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 class=ser>
<td class="italic">1</td>
<td class="flag"><img src="/assets/ifmo/germany.png"></td>
<td class="ots">Германия</td>
<td>7</td>
<td>3</td>
<td>2</td>
<th>12</th>
</tr>
<tr>
<td class="italic">2</td>
<td class="flag"><img src="/assets/ifmo/nederlands.png"></td>
<td class="ots">Нидерланды</td>
<td>5</td>
<td>5</td>
<td>7</td>
<th>17</th>
</tr>
<tr class=ser>
<td class="italic">3</td>
<td class="flag"><img src="/assets/ifmo/norway.png"></td>
<td class="ots">Норвегия</td>
<td>5</td>
<td>3</td>
<td>6</td>
<th>14</th>
</tr>
<tr>
<td class="italic">4</td>
<td class="flag"><img src="/assets/ifmo/switzerland.png"></td>
<td class="ots">Швейцария</td>
<td>5</td>
<td>1</td>
<td>1</td>
<th>7</th>
</tr>
<tr class=ser>
<td class="italic">5</td>
<td class="flag"><img src="/assets/ifmo/russia.png"></td>
<td class="ots">Россия</td>
<td>4</td>
<td>7</td>
<td>5</td>
<th>16</th>
</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;
width: 445px;
height: 240px;
}
td {
padding: 4px;
}
th {
text-align: center;
}
.ser {
background-color: #eeeeee;
}
.ots {
width: 120px;
padding-left: 15px;
text-align: left;
}
.flag {
padding: 0px;
text-align: center;
}
.italic {
color: #999999;
font-style: italic;
text-align: center;
padding: 5px;
padding-left: 10px;
width: 30px;
}
/*
Все внутренние отступы кратны 5
Серый цвет фона: #eeeeee
Серый цвет цифр: #999999
*/
