在HTML/CSS中调整浏览器大小时将文本存储在单个文本中

我通过尝试复制网站的功能来学习HTML和CSS，现在我已经成功地做到了。但是当我重新调整浏览器的大小时（我使用的是Chrome），我注意到文本被存储到另一个文本中。我试图复制www.bostonglobe.com的功能

包含新闻、地铁、艺术……的栏目栏。。。。当铬被修复或重新调整尺寸时，内部人员被储存在部分

我将如何使用CSS/HTML5实现这一点

我正在使用ul和li标签用于新闻、地铁、艺术。。。。一个部门的内部人员

---

谢谢。

Boston Globe的网站正在使用所谓的响应网格系统（google it！）。他们使用的正是感谢redditor，我会找它的。：）