Css 水平样式的下拉菜单

有人知道如何在CSS中创建水平样式的下拉菜单吗 当您将鼠标悬停在产品上时，下拉菜单将以水平方向弹出

第一个：

主页|关于|产品|联系

苹果|香蕉|橘子|浆果|梨

///////////////////////////////////////////////////////////////

第二个：

家

关于

产品-苹果|香蕉|橘子|浆果|梨

请联系

给您

考虑到您需要水平类型的下拉列表，并考虑到您可能希望向其添加子菜单。这里有一个例子

---

与使用垂直列表的方式相同，但在

项上显示：内联

。有很多教程，您应该在询问之前搜索它。