您好，可以通过以下步骤将CSS翻转导航做成横排：
1. 将导航列表的display属性设置为flex，使其变成一个弹性盒模型。
2. 将弹性盒模型的flex-direction属性设置为row，使其变成横向排列。
3. 将导航列表中的每个元素的宽度设置为相同的值，以确保它们在同一行上。
4. 根据需要，调整导航列表和导航元素的其他样式属性（例如字体大小、背景颜色等）。
以下是一个示例CSS代码：
通过将上述CSS代码应用于此HTML代码，可以创建一个横向排列的翻转导航。
可以通过以下步骤实现css翻转导航横排：1. 首先，将导航菜单的父元素设置为display: flex，这样子元素就可以横向排列了。2. 接着，将每个导航菜单项的宽度设置为相同的值，可以使用flex-basis或者width属性来实现。3. 然后，将每个导航菜单项的flex属性设置为1，这样每个菜单项就会平均分配父元素的宽度。4. 最后，根据需要设置导航菜单项的样式，包括翻转效果、背景色、字体颜色等。综上所述，通过以上步骤可以将css翻转导航实现横排。
按ctrl+s先保存,以防突然断电数据丢失
修改title为html+css实现横向导航
3、为内div添加“display:inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了：