تفضل هذا الكود الهتمل ضعه اينما تريد
CODE
<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>
وهذا الكود الـ css ضع في ورقة الـ css
CODE
.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%;
}
}