Форматирование HTML

Я пытался заставить свои вкладки работать с помощью коротких кодов вкладок в PHP.

Первая часть моего вопроса заключалась в том, чтобы выяснить, как написать PHP-код и короткие коды в файле PHP. @jeremyharris помог мне с этим здесь

ob_start(); get_template_part("includes/categories-panel"); $cats = ob_get_clean(); ob_start(); get_template_part('includes/home-map-panel'); $home = ob_get_clean(); echo do_shortcode('[tabs style="boxed"] [tab title="First Tab"]' .$cats. '[/tab] [tab title="Second Tab"]'. $home .'[/tab] [tab title="Third Tab"] Tab 3 Content here [/tab] [tab title="Fourth Tab"] Tab 4 Content here [/tab] [/tabs]'); 

Второй вопрос заключается в том, как заставить HTML работать с интерфейсом. Это может быть конфликт CSS или HTML, но вкладки не работают.

После ввода кода из первого вопроса мой HTML-источник выглядит так: http://pastie.org/4226310

Я не уверен, почему вкладки не отображаются правильно с контентом. Вместо этого они выравниваются по вертикали. Я чувствую, что это может быть связано с первым включением «категорий-панелей», когда я удаляю его, что он работает лучше …

Я работаю над localhost FYI.

Спасибо за любую помощь!