在HTML中，可以通过使用媒体查询和CSS的flexbox或grid布局来实现横屏布局。

以下是一个使用flexbox的示例：

HTML: ```html

```

CSS: ```css .container { display: flex; justify-content: center; align-items: center; height: 100vh; }

.row { display: flex; flex-wrap: wrap; gap: 1rem; }

.column { flex-basis: 33.33%; margin: 1rem; } ```

在这个例子中，容器是flex容器，其justify-content和align-items属性设置为center，使得所有的列都居中对齐。每个列都使用了flex-basis属性，设置了其宽度为33.33%，这样所有的列都占据容器的一半宽度。

此外，使用了gap属性来设置单元格之间的间距，使得所有的单元格之间保持一定的间距。

注意，这个例子假设你的容器的宽度是100vh，即视口的高度等于视口宽度的100%。如果你的容器宽度不是100vh，你可能需要修改flexbox的设置以适应你的容器的宽度。