23/23 не слишком много кода?

Курсы §5. Знакомство с таблицами
1

Не слишком ли много кода я написал? Можно ли было покороче?)

Итоговая таблица

  <tr>
    <th class="th2">Город</th>
    <th class="th3 row2">Посещений</th>
    <th class="th2 row3" >%</th>
    </tr>
    <tr>
     <td>СПб</td>  
     <td class="row2">199</td>    
     <td class="row3">65.12</td>
     </tr>
     <tr  class="row1">
    <td>Москва</td>
    <td class="row2">69</td>
    <td class="row3">21.3</td>
      </tr>
      <tr>
    <td>Киев</td> 
    <td class="row2">5</td>    
    <td class="row3">8</td>
      </tr>
      <tr  class="row1">
    <td colspan="2">Посещений за весь период</td>
    <td class="cen">273</td>
    </tr>
    </table>
  </body>

body {
width: 350px;
margin: 0;
padding: 0 10px;

font-size: 14px;
font-family: “Arial”, sans-serif;
}
table{
border-collapse:collapse;
}

th{
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px
}

td{
border-bottom: 1px solid lightgray;
width: 33%;
padding: 10px;
}

.th2{
text-align:left;
color: white;
background-color:darkcyan;
width: 33%;
}

.th3{
text-align:left;
color: white;
background-color:lightblue;
width: 33%;
}

.row1{
background-color: lightyellow;
}
.cen{
text-align:right;
}
.row2{
text-align:center;
}

.row3 {
text-align:right;
}

2

Немножко покороче:

HTML 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css.css">
        <title>Испытание: итоговая таблица</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <h1>Итоговая таблица</h1>
        <table>
            <tr>
                <th class="caption-left">Город</th>
                <th>Посещений</th>
                <th class="caption-right">%</th>
            </tr>
            <tr>
                <td>СПб</td>
                <td class="align-center">199</td>
                <td class="align-right">65.12</td>
            </tr>    
            <tr class="bg">
                <td>Москва</td>
                <td class="align-center">69</td>
                <td class="align-right">21.3</td>
            </tr>    
            <tr>
                <td>Киев</td>
                <td class="align-center">5</td>
                <td class="align-right">8</td>
            </tr>    
            <tr class="bg">
                <td colspan="2">Посещений за весь период</td>
                <td class="align-right">273</td>
            </tr>    
        </table>
    </body>
</html>
CSS 
body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: "Arial", sans-serif;
}

table {
    border-collapse: collapse;    
}

th {
    width: 33%;
    padding: 10px;
    color: white;
    background-color: lightblue;
    border-top: 1px solid #000;    
    border-bottom: 1px solid #000;    
}

td {
    padding: 10px;
    border-bottom: 1px solid lightgray;    
}
    
.caption-left {
    text-align: left;    
    background-color: darkcyan;
}
.caption-right {
    text-align: right;    
    background-color: darkcyan;
}

.bg {
    background-color: lightyellow;
}

.align-center {
    text-align: center;    
}
.align-right {
    text-align: right;    
}
3

Мой вариант на всякий случай =) 37 строк, кто меньше!?

HTML Испытание: итоговая таблица

Итоговая таблица

Город Посещений %
СПб 199 65.12
Москва 69 21.3
Киев 5 8
Посещений за весь период 273
CSS

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: “Arial”, sans-serif;
}
table {
border-collapse: collapse;
}
th {
color: white;
background-color: darkcyan;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px;
}
td {
padding: 10px;
width: 33%;
border-bottom: 1px solid lightgray;
}
.yellow {
background-color: lightyellow;
}
.col1 {
text-align: left;
}
.col2 {
text-align: center;
}
.col3 {
text-align: right;
}
.blue_bg {
background-color: lightblue;
}