[問題] CSS 的一個問題解法

[ggirls (哥)]

<div class="o">ooooo</div>
<div class="a">aaaaa</div>
<div class="b">bbbbb</div>
<div class="a">aaaaa</div>
<div class="b">bbbbb</div>

我有一個有上面模式的 html。現在想把 aaaaa 和 bbbbb 連接不換行，
也就是大約是
ooooo
aaaaabbbbb
aaaaabbbbb

只透過 css 來控制，不知道怎麼做？
透過 inline, block 好像湊不出這個規律。

問題的原型:
其實原本每個</div>後面都接了個<br>。我本來是 span br {display:none}
但後來發現會影響到別的地方，這樣還有其他解法嗎？

<span>
<div class="a">aaaaa</div><br>
<div class="b">bbbbb</div><br>
<div class="a">aaaaa</div><br>
<div class="b">bbbbb</div><br>
</span>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.136.159.98
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1516293460.A.963.html
→ jhnny97: 外面再用一個div包起來，並用white-space:nowrap;
推 williewillie: http://jsbin.com/hamalaxedu/edit?output
推 satanbaby: 我原本想的很複雜 結果看完w大感覺被污辱
→ ggirls: 看到w大的答案：「我到底看了什麼？！」
※ 編輯: ggirls (223.136.159.98), 01/19/2018 10:05:39
→ ggirls: @willie 我加了個「問題的原型」。後面接了<br>還有救嗎？
→ ninetyeight: .a~br{display:none;}
→ imhaha: 突然頓悟了
→ ggirls: 受益良多。
推 williewillie: 為什麼感覺被我侮辱？？？？
→ williewillie: http://jsbin.com/muhexuxoha/edit?output
推 nottt: 應該是覺得w大答案簡潔有力，自嘆不如吧
推 jayxxx: 1樓大那個寫法p以外的可以用嗎？沒用過好奇問
推 emmayday: 可是br不是就換行了