如何在wordpress中使用css定位动态创建的链接？

Question

我已经在html和css中构建了导航，但是已经安装了wordpress并且我的一些样式没有按预期呈现。根据我的理解，链接中<a>标签的样式存在限制。

我想给动态创建的底部边距为-15px。 <a>位于<li>。为此添加保证金不会影响其中的<a>，也不会为<ul>添加保证金。它似乎不在这些元素中？

<div class="nav-head">
    <?php
    wp_nav_menu(array(
      'theme_location' => 'primary',
      'depth' => 2,
      'container' => false,
      'container_class' => 'btn',
      'container_id' => '',
      'menu_class' => 'nav-menu',
    )
  );
  ?>
  <a type="button" class="btn secondary-btn" href="/contact">Request Demo</a>
</div>

CSS

.nav-head {
          display: flex;
           }

 ul.nav-menu {
          display: flex;
              }

 li.menu-item {
             margin-bottom: -15px;
             display: inline-block;
               } 

  a {
      color: blue;
      padding: 15px;
      display: inline-block;
                }