Html “页边距顶部”的替代品？-CSS

我试图在一个选项卡上安装几个导航选项卡，但它在firefox上无法正常工作，而且当在不同的屏幕上时，它会出错。是否有人知道一种适用于所有浏览器且不随屏幕大小而改变的替代方案

以下是我想要的结果：

正是这样，只是我不想使用固定的页边距

编辑：

代码：

导航：

nav {
    width: 100%;
    height: 4%;
}

nav ul {
    list-style-type: none;
}

nav li {
    width: 100%;
    background-color: #9A9489;
    display: inline-block;
    text-align: center;
    width: 11%;
    font: 1.4em/1.3em Bonveno, Open Sans, Sans-Serif;
    float: right;
    cursor: pointer;
    margin-right: 0.5%;
    border-top-left-radius: 0.3125em;
    border-top-right-radius: 0.3125em;
    transition: background-color 0.2s ease-in-out;
}

无保证金条款顶部：

article {
    width: 99.5%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0.3125em 0 #9A9489;
    padding: 0 0 0.5% 1.5%;
}

HTML:

---

好吧，你们可以试着把仓位作为保证金的替代品。 在这种情况下，我认为您必须使用相对位置，因此请执行以下操作：

.YOUR_TABS_SELECTOR{
  position: relative;
  top: 10px;
}

---

展示你的代码，也许还有它是如何搞乱的图像。我们无法修复我们看不到的东西…向我们展示您当前的代码，或者更好的是一个没有HTML示例就无法回答的问题。另外，指出您已经尝试过的内容也会很有帮助，以明确为什么margintop不合适。@Fabio，更好的代码加上jsFiddle。这里永远不应该使用JSFIDLE来代替代码。谢谢您的编辑，但是一些HTML会更好。你能解释一下为什么你不想用页边空白吗？

.YOUR_TABS_SELECTOR{
  position: relative;
  top: 10px;
}