Css 使用flexbox时强制ul在新线上

在我花了两个小时试图自己弄明白这一点之后，我觉得现在是询问真正知道如何编码的人的时候了

我的情况如何

我正在构建一个WordPress主题，我努力使导航按照我想要的方式工作。我的想法是这样的：

因为它是WordPress菜单（因为我计划调整整个网站的外观），所以我需要它是一个列表。但我很难让第一级项目显示为标题，第二级项目显示为下面的项目

就我所知：

我尝试了使用flexbox属性进行随机填充+使用：after selector和

内容添加一个中断：“\a”但是没有运气

你知道怎么做吗？有可能吗

提前感谢您的想法

祝你今天愉快

grysom
您希望第二级列表
位于
的内部：

<ul>
   <li>
      Pro veřejnost
      <ul>
         <li>Co je ergoterapie</li>
         <li>Kdo je ergoterapeut</li>
         <li>Seznam zařízení</li>
         <li>Etický kodex</li>
      </ul>
   </li>
   <li>
      Praxe
       <ul>
          <li>Nabídky práce</li>
         <li>Vychytávky a tipy</li>
         <li>Legislativa</li>
      </ul>
   </li>
 </ul>



普罗维诺

麦戈特拉皮公司
Kdo je ergoterapeut
塞兹纳姆·扎伊兹尼
伊蒂克科迪斯酒店



普拉克斯

纳比德基·普拉斯
Vychytávky a tipy
立法




我已经更新了你的JSFIDLE:但是你需要稍微调整一下你的风格以区分不同的级别。
哦，好吧，再次忽略了基础知识……谢谢你给我看。：）