如何将foundation6下拉菜单列表显示为内联块或内联表

Question

我创建了一个下拉菜单。我希望下拉列表显示为内联块或内联表，但我无法找到正确的基础方式。任何帮助将不胜感激。

<div class="row column text-center">
<ul class="dropdown menu custom-menu" data-dropdown-menu>
<li>
  <a href="#">For Sale()</a>
  <ul class="menu">
  <!--I want the lists below to display horizontal as opposed to vertical-->
    <li><a href="#">Animals()</a></li>
    <li><a href="#">Computer-Software()</a></li>
    <li><a href="#">Computer-Hardware()</a></li>
    <li><a href="#">Cellphone-accessories()</a></li>
    <li><a href="#">For Babies-Infants()</a></li>
    <li><a href="#">Used Cars()</a></li>
  </ul>
</li>
  <li><a href="#">Vehicles</a>
    <ul class="menu">
     <li><a href="">Used Cars</a></li>
    </ul>
  </li>
  <li><a href="#">Classes</a></li>
  <li><a href="#">Real Estate</a></li>
  <li><a href="#">Sevices</a></li>
  <li><a href="#">Community</a></li>
  <li><a href="#">Personals</a></li>
  <li><a href="#">Jobs</a></li>