我试图让子菜单列表项浮动内联而不是作为块堆栈。我宁愿将所有子菜单项目都放在菜单下面，这样它们占用的空间就会减少，但我似乎无法开始工作。
参见JSFiddle：https://jsfiddle.net/kustomdesigner/b1y5czf7/4/
<div id="jquery-accordion-menu" class="jquery-accordion-menu black">
<ul>
<li><a href="#">Related Topics</a>
<ul class="submenu">
<li><a href="/cloud-migration/">Cloud Migration</a></li>
<li><a href="/application-portfolio-management/">Application Portfolio Management</a></li>
<li><a href="/application-portfolio-management-tools/">Application Portfolio Management tools</a></li>
<li><a href="/application-portfolio-management-software/">Application Portfolio Management software</a></li>
<li><a href="/application-portfolio-management-solutions/">Application Portfolio Management solutions</a></li>
<li><a href="/application-migration/">Application Migration</a></li>
<li><a href="/application-modernization/">Application Modernization</a></li>
<li><a href="/application-portfolio/">Application Portfolio</a></li>
<li><a href="/cloud-readiness-assessment/">Cloud Readiness Assessment</a></li>
<li><a href="/cloud-migration-tools/">Cloud Migration Tools</a></li>
<li><a href="/cloud-readiness-b/">Cloud Readiness</a></li>
<li><a href="/iaas-vs-paas-cloud-computing/">iaas vs paas</a></li>
<li><a href="/what-is-paas/">What is paas?</a></li>
<li><a href="/paas-vs-saas/">paas vs saas</a></li>
<li><a href="/paas-definition-paas-examples-cloud-computing/">paas examples / pass definition</a></li>
<li><a href="/iaas-paas-saas-cloud-computing-definitions-differences">iaas paas saas</a></li>
<li><a href="/cloud-migration-strategy/">Cloud Migration Strategy</a></li>
<li><a href="/cloud-migration-services/">Cloud Migration Services</a></li>
<li><a href="/azure-migration/">Azure Migration</a></li>
<li><a href="/migration-to-cloud/">Migration to Cloud</a></li>
<li><a href="/application-migration-to-cloud/">Application Migration to Cloud</a></li>
</ul>
</li>
</ul>
</div><!-- jquery-accordion-menu -->