在CSS中定位，我需要中央的下拉选项但向左缩进

Question

下面的HTML需要合适的CSS，下拉链接才能集中显示，但要缩进。查看小提琴。https://jsfiddle.net/peteraejnrdev/865h2tvu/2/#&togetherjs=d3VifH4hc3

<div class="header-dropdown-menu">
      <ul class="top-nav">
          <li class="top-menu-nav"><a href="#">Menu</a>
            <ul class="sub-nav">
              <li><a href="#">wood Type</a></li>
              <li><a href="#">News</a></li>
              <li><a href="#">Specification</a></li>
              <li><a href="#">Pricing</a></li>
              <li><a href="#">Images</a></li>
              <li><a href="#">FAQ</a></li>
            </ul>
          </li>
        </ul>
      </div> 

Answer 1

这可以使用position属性-

Answer 2

如果我的解释正确，您可以执行以下操作：