Проблема с HTML,с тег р, тег br

Добрый день.
Тема Tempera.
Сначала обнаружилось что HTML код в редакторе WP не совпадает с тем что реально генерится для браузера.

<div id="accordion-css3" class="accordion">

   <a href="#accordion-1">Заголовок 1</a>
   <p id="accordion-1">Здесь находится контент...</p>
   <a href="#accordion-2">Заголовок 2</a>
   <p id="accordion-2">Здесь находится контент...</p>
   <a href="#accordion-3">Заголовок 3</a>
   <div id="accordion-3">
      <p>Здесь находится контент...</p>
      <p>Здесь находится контент...</p>
   </div>

</div>

превращается

<div id="accordion-css3" class="accordion">
<p>   <a href="#accordion-1">Заголовок 1</a></p>
<p id="accordion-1">Здесь находится контент…</p>
<p>   <a href="#accordion-2">Заголовок 2</a></p>
<p id="accordion-2">Здесь находится контент…</p>
<p>   <a href="#accordion-3">Заголовок 3</a></p>
<div id="accordion-3">
<p>Здесь находится контент…</p>
<p>Здесь находится контент…</p>
</p></div>

из=за чего не работал способ организации аккордиона

Затем обнаружилось что если использовать несколько вложенных шорткодо, в частности шорткод TablePress или Easy Columns вложить в WP UI то начмнает не корректно работать <br>. Такое впечатление что он «не видится» т.е. или вместо списка получается все в куче или Если использовать <p>, получается через строчку.
Методом тыка нашел более менее приемлемый вариант — уменьшить межстрочный интервал и уменьшить шрифт

<p style="line-height: 0.1;">Хабаровск</p>
<h6 style="line-height: 0.1;">Андреевка</h6>

но как то мне кажется что «идеологически» это не правильно.

Может кто подсказать почему не совсем корректно обрабатывается код HTML и не работает ? и можно ли это как то побороть?
Спасибо

тестовая страница
http://ttttt.esy.es/uncategorized/242/
«основной пример»