HTML 和 CSS 简单填字游戏

Question

我正在尝试设计自己的网站，我想做一个简单的填字游戏来展示一些关于我的事情。就像，每一行都是一个不同的词，但是“中间”列拼出了另一个词。这是我想做的基本上的图像:

这些词是我预先定义的。
我想知道仅使用 HTML 和 CSS 来执行此操作的最简单方法。我想过使用表格，但要使每一行根据单词移动，每一行都必须是不同的表格。
我没有使用图片然后将其放在网站上，因为我想要它，所以每次用户将鼠标悬停在每个单词上时，它都会在右侧/左侧显示它的含义/描述。
如果有帮助，我愿意使用 Bootstrap。

有什么想法吗？

Answer 1

我们从什么时候开始使用表格进行布局的？只需添加 5 个应用了 margin-left 的 div，然后设置 nth-child 的样式。这样，您甚至可以根据需要为其添加动画。