вопрос
То что вы хотите только реализовано на Bootstrap framework:
<div class="row">
<h2 class="main-heading_lnk">Категории</h2>
<!-- ФИЛЬМЫ -->
<div class="col-lg-12">
<div class="container">
<div class="list-inline">
<h3 class="magazine-header pull-left">Фильмы</h3>
<span class="afisha-link_more"><a href="/cat/movies">Смотреть все <i class="fa fa-arrow-right"></i> </a></span>
</div>
</div>
{custom category="1" template="shortstory_cat" limit="4" cache="no"}
</div>
<!-- /ФИЛЬМЫ -->
<!-- СЕРИАЛЫ -->
<div class="col-lg-12">
<div class="container">
<h3 class="magazine-header pull-left">Сериалы</h3>
<span class="afisha-link_more"><a href="/cat/series">Все сериалы <i class="fa fa-arrow-right"></i> </a></span>
</div>
{custom category="2" template="shortstory_cat" limit="4" cache="no"}
</div>
<!-- /СЕРИАЛЫ -->
<!-- МУЛЬТФИЛЬМЫ -->
<div class="col-lg-12">
<div class="container">
<h3 class="magazine-header pull-left">Мультфильмы</h3>
<span class="afisha-link_more"><a href="/cat/сartoons">Все мультфильмы <i class="fa fa-arrow-right"></i> </a></span>
</div>
{custom category="3" template="shortstory_cat" limit="4" cache="no"}
</div>
<!-- /МУЛЬТФИЛЬМЫ -->
<!-- АНИМЕ -->
<div class="col-lg-12">
<div class="container">
<h3 class="magazine-header pull-left">Аниме</h3>
<span class="afisha-link_more"><a href="/cat/anime">Все аниме <i class="fa fa-arrow-right"></i> </a></span>
</div>
{custom category="4" template="shortstory_cat" limit="4" cache="no"}
</div>
<!-- /АНИМЕ -->
<!-- ДРУГОЕ -->
<div class="col-lg-12">
<div class="container">
<h3 class="magazine-header pull-left">Другое</h3>
<span class="afisha-link_more"><a href="/cat/other">Остальное <i class="fa fa-arrow-right"></i> </a></span>
</div>
{custom category="5" template="shortstory_cat" limit="4" cache="no"}
</div>
<!-- /ДРУГОЕ -->
</div>