Использование HTML table в Blogger

В очередной раз натолкнулся с необходимостью вставить таблицу в блог. Дело в том, что при использовании HTML table Blogger добавляет "br" на каждом месте, где был нажат Enter при использовании таблицы.

После небольшой настройки, описанной ниже, нужно окружить таблицу тагом div.

<div class="nobr">
 <table border="1">
   ...
 </table>
</div>

Ниже есть продолжение.

Согласно http://mlawire.blogspot.com/2007/01/table-formatting-in-blogger.html я нашёл два решения.

Решения 1. В начале поста нужно добавить

<style type="text/css">.nobr br { display: none }</style>

Нужно окружить таблицу тагом div.

<div class="nobr">
 <table border="1">
   ...
 </table>
</div>

Решения 2.
Оно состоит из двух частей. Это мы делаем только один раз. Заходим в Dashboard, Design, нажимаем Edit HTML. Находим таг title (он один из первых тагов сверху, после head. После title, но перед b:skin добавляем

<style type="text/css">.nobr br { display: none }</style>

Затем, перед использование HTML table просто указываем стиль nobr.

<div class="nobr">
<table border="1">
<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
</tr>
<tr>
  <td>6</td>
  <td>7</td>
  <td>8</td>
  <td>9</td>
  <td>10</td>
</tr>
<tr>
  <td>11</td>
  <td>12</td>
  <td>13</td>
  <td>14</td>
  <td>15</td>
</tr>
<tr>
  <td>16</td>
  <td>17</td>
  <td>18</td>
  <td>19</td>
  <td>20</td>
</tr>
<tr>
  <td>21</td>
  <td>22</td>
  <td>23</td>
  <td>24</td>
  <td>25</td>
</tr>
</table>
</div>