<div class="nnavbbar" dir="rtl">
  <a href="https://iinkor.com/f3">الاقسام العامة</a>
  <a href="https://iinkor.com/f44">خدمات انكور</a>
  <a href="https://iinkor.com/f21">تطوير المواقع و المنتديات</a>
  <a href="https://iinkor.com/f49">اصحاب المواقع والمنتديات</a>
  <a href="https://iinkor.com/f57">اقسام التصميم</a>
  <a href="https://iinkor.com/f40">مكتبة السكربتات</a>
  <a href="https://iinkor.com/f42">دورات انكور</a>
  <a href="https://iinkor.com/f56">تقنيات ودروس الارشفة</a>
  <a href="https://iinkor.com/f65">المكتب الاداري</a>
  <a href="https://dlil.iinkor.com/">دليل المواقع</a>
  <a href="http://blog.iinkor.com/">مدونة انكور</a>

</div>

.nnavbbar {
  overflow: hidden;
  background-color: #6888af;
  height: auto;
}

.nnavbbar a {
  float: right;
  display: block;
  color: white;
  font-family: 'hanimation';
  text-align: center;
  font-size: 14px;
  padding: 1px 20px;
  text-decoration: none;
}

.nnavbbar a.left{
font-family: 'hanimation';
  float: left;
}

.nnavbbar a:hover {
  background-color: #ddd;
  color: black;
}

@media screen and (max-width: 400px) {
  .nnavbbar a {
    float: none;
    width: 100%;
  }
}