Как добавить текст в заголовок с помощью HTML5

Я пытаюсь переместить элементы списка внутри заголовка выше, не затрагивая размер заголовка, может ли кто-нибудь сказать мне, как это сделать?

Код из моего index.html ниже

<header>
  <div id = "service-buttons">
    <nav>
      <ul>
        <li><a href = "index.html">Unblacklisting</a></li>
        <li><a href = "about.html">iCloud Removal</a></li>
        <li><a href = "services.html">Clean IMEI</a></li>
        <li><a href = "index.html">Buy & Sell</a></li>
        <li><a href = "about.html">Reported Lost</a></li>
        <li><a href = "services.html">Sim Cards</a></li>
      </ul>
    </nav>
  </div>
</header>

это код в моем файле styles.css

header #service-buttons {
  margin-top:10px;
}