Как пустить в ход 3 отделения, рядом использующие CSS?

Это так же, как вы Делайте для двух девсов, просто плавайте третий налево или вправо.

<style>
  .left{float:left; width:33%;}
</style>

<div class="left">...</div>
<div class="left">...</div>
<div class="left">...</div>

Просто дайте им ширину и поплавок: слева; , вот пример:

<div style="width: 500px;">
 <div style="float: left; width: 200px;">Left Stuff</div>
 <div style="float: left; width: 100px;">Middle Stuff</div>
 <div style="float: left; width: 200px;">Right Stuff</div>
 <br style="clear: left;" />
</div>

Вы можете плавать: оставить для всех них и установить ширину до 33,333%

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

def longest_common_substr(strings)
  shortest = strings.min_by &:length
  maxlen = shortest.length
  maxlen.downto(0) do |len|
    0.upto(maxlen - len) do |start|
      substr = shortest[start,len]
      return substr if strings.all?{|str| str.include? substr }
    end
  end
end

puts longest_common_substr(["Extra tv in bedroom",
                            "Extra tv in living room",
                            "Extra tv outside the shop"])

API сервлета не является «частью Java»; она определяется Java EE («enterprise edition») и находится в библиотеках, предоставляемых контейнером сервлетов.

Я обычно просто плыву первым влево, вторым вправо. Третий автоматически выравнивается между ними.

<div style="float: left;">Column 1</div>
<div style="float: right;">Column 3</div>
<div>Column 2</div>

Поплавок их всех левых

Убедитесь, что ширина указана, что они все могут вписываться в их контейнере (либо другое div или окно), в противном случае они будут обернуть