将可滚动的纸张标签对齐在中央？

Question

有什么方法可以将paper-tabs与div的中心对齐？如果是这样，怎么样？

自定义元素：

<div class="navigation" id="tabs">
    <paper-tabs selected="{{selected}}" scrollable noink>
        <paper-tab>fruits</paper-tab>
        <paper-tab>vegetables</paper-tab>
        <paper-tab>dairy</paper-tab>
    </paper-tabs>
</div>

CSS：

.navigation {
  margin: 0 auto;
}

paper-tabs {
  height: 80px;
}

paper-tabs paper-tab .tab-content {
  color: white;
  font-family: swimfeedsraleway;
  font-size: 24px;
  font-weight: 700;
  padding: 0 32px;
  text-transform: uppercase;
}

paper-tab:not(.iron-selected) > .tab-content.paper-tab {
  opacity: 0.5;
  font-weight: normal;
}

.paper-tabs-0 #selectionBar.paper-tabs {
  background-color: white;
}

#selectionBar.paper-tabs {
  height: 3px;
}

paper-tabs paper-icon-button {
  color: white;
}