Как поставить список чтобы он был справа?

* { 
  margin: 0; 
  padding: 0; 
} 
 
html, 
body { 
  width: 100%; 
  height: 100%; 
} 
 
ul.header-blog { 
  position: absolute; 
  display: inline-block; 
  padding: 5px; 
  width: auto; 
  height: auto; 
  background: green; 
  right: 0; 
} 
 
ul.header-blog li { 
  list-style: none; 
  display: inline-block; 
  width: 100px; 
  background: red; 
}

<ul class="header-blog"> 
  <li>Home</li> 
  <li>Services</li> 
  <li>Portfolio</li> 
  <li>Testimonial </li> 
  <li>Blog</li> 
  <li>Contact Us</li> 
</ul>

ul.header-blog { 
  float: right; 
} 
 
ul.header-blog li { 
  list-style: none; 
  display: inline; 
}

<ul class="header-blog"> 
  <li>Home</li> 
  <li>Services</li> 
  <li>Portfolio</li> 
  <li>Testimonial </li> 
  <li>Blog</li> 
  <li>Contact Us</li> 
</ul>