<div class="section">
  <div class="container">
    <ul class="inline-list">
      <li><a href="">Home</a></li>
      <li><a href="">Services</a></li>
      <li><a href="">Blog</a></li>
    </ul>
    
    <hr>

    <ul class="inline-list" dir="rtl">
      <li><a href="">الرئيسية</a></li>
      <li><a href="">خدماتنا</a></li>
      <li><a href="">المدونة</a></li>
    </ul>
  </div>
</div>

/* Bulma is used for general styling */

.inline-list li {
  display: inline-block;
}

.inline-list li:not(:last-child) {
  margin-inline-end: 1rem;
}