<div class="price-list">
<h2>Ассортимент</h2>
<table class="price-list">
<tr>
<th> Название</th>
<th> Алк.</th>
<th> Ккал</th>
<th> Обьем</th>
<th> Стоимость</th>
</tr>
<tr>
<td>Классика</td>
<td>< 1,2%</td>
<td>33</td>
<td>330 мл</td>
<td>120 Р.</td>
</tr>
<tr>
<td>Шабаш</td>
<td>> 1,2%</td>
<td>45</td>
<td>330 мл</td>
<td>250 Р.</td>
</tr>
<tr>
<td>Вахтёр<sup> Новинка</sup></td>
<td>< 1%</td>
<td> 35</td>
<td> 0,5 л</td>
<td> 150 Р.</td>
</tr>
<tr>
<td>Романтик<sup> Новинка</sup></td>
<td>< 0,5%</td>
<td> 27</td>
<td> 0,5 л</td>
<td> 90 Р.</td>
</tr>
</table>
</div>`Текст "как есть" (без применения форматирования)`
вы зачем-то произвольно ставите пробелы после тегов <td>
, чего делать не стоит
Нужны пробелы после “Вахтёр” и “Романтик”.