How to add text in header with HTML5

Question

I am trying to move the list items inside of the header above without affecting the size of the header, can anyone tell me how?

The code from my index.html is below

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

<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>

Answer 1

You can try:

header {
  position: relative;
  ...
}

header #service-buttons {
  position: absolute;
  bottom: 2px; // change according to your need
  right: 4px; // change according to your need
}