Как правильно вывести модули в одну строку? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Никак не могу вывести три модуля в одну строку внизу сайта (так, чтобы были посередине и равной ширины). Перепробовал все варианты.

Сейчас стоит код

<div id="bottomwide">
      <div id="bottom" class="clearfix">
         <div class="pos14"><jdoc:include type="modules" name="position-14" style="xhtml" /></div>
         <div class="pos15"><jdoc:include type="modules" name="position-15" style="xhtml" /></div>
         <div class="pos16"><jdoc:include type="modules" name="position-16" style="xhtml" /></div>
      </div>
</div>

Для них в CSS прописано следующее

#bottomwide {width:100%; margin: auto; position: relative; background-color:#333;}
#bottom {max-width:980px; margin: auto; height:100%; padding-bottom:10px;  position: relative; background: none;}
#bottom:before,#bottom:after {content:"";display:table;}
.pos14  h3, .pos15  h3, .pos16  h3 {color:#fff; font-weight:bold; font-family: 'tahoma', sans-serif; font-size:16px; margin:0px; text-shadow:none;}
.pos14, .pos15, .pos16 { background:none; color:#fff; border:0; border-radius:5px; float: left; padding-left: 3%;width: 30%; text-shadow: 0 1px #555;}

И что не делаю, что не перепробовал, три модуля все равно встают друг под другом. Как правильно прописать, чтобы они встали в строку?

.pos14, .pos15, .pos16 {float:left;}

.pos14, .pos15, .pos16 {float:left;}

Чего-то не помогло

Забыл уточнить - модули нужны для вывода в футере

да без разницы, где
не помогло - смотреть конкретно уже надо, ссылку

... padding-left: 3%;width: 30%;

Если сложить и умножить на *3, то получится 99, в принципе должно работать. Вот только не вижу отступы между .pos14, .pos15, .pos16 . Без ссылки никак не разобраться 

Ну вот перепрописал все заново, и все равно модули стоят друг под другом, а не в строку. Вроде бы все правильно, уже и не знаю что и думать

вот код

<?php if($this->countModules('bottom1 or bottom2 or bottom3')) : ?>
   <div id="bottom123">
      <?php if($this->countModules('bottom1')) : ?>
         <div id="bottom1">
              <jdoc:include type="modules" name="bottom1" style="xhtml" />
         </div>
      <?php endif; ?>         
      <?php if($this->countModules('bottom2')) : ?>
         <div id="bottom2">
              <jdoc:include type="modules" name="bottom2" style="xhtml" />
         </div>
      <?php endif; ?>         
      <?php if($this->countModules('bottom3')) : ?>
         <div id="bottom3">
              <jdoc:include type="modules" name="bottom3" style="xhtml" />
         </div>
      <?php endif; ?>         
   </div>               
<?php endif; ?>   

Вот CSS

#bottom123 {
   width: 100%;
   display: inline-block;
   margin: 15px 0;
   padding: 0;
   height: auto;
}

#bottom1, #bottom2, #bottom3,
{
   float:left;
   width: 31.2%;
   margin: 0 1%;
   padding: 0;
}

Ну что же тут не так?

#bottom123 {
   width: 100%;
   display: inline-block;
   margin: 15px 0;
   padding: 0;
   height: auto;
}

#bottom1, #bottom2, #bottom3,
{
   float:left;
   width: 31.2%;
   margin: 0 1%;
   padding: 0;
}
выделенное - лишнее.
сайт смотреть надо, чтобы дать более точный ответ

#bottom123 {
   width: 100%;
   display: inline-block;
   margin: 15px 0;
   padding: 0;
   height: auto;
}

#bottom1, #bottom2, #bottom3,
{
   float:left;
   width: 31.2%;
   margin: 0 1%;
   padding: 0;
}
выделенное - лишнее.
сайт смотреть надо, чтобы дать более точный ответ

Попробовал - что то не вышло

И первый и второй вариант кода работают . Во втором просто надо убрать запятую после #bottom3 . И свойство inline-block , хотя и с ним будет работать .
ссылка

Спасибо. Отвлекся на ловлю вирусов. Буду пробовать.