title: How can i put the <hr> closer with the content in header?
body: <p>I want to put the &lt;hr closer to the content in the header.
  I try to use position-absolute but the <hr> disappears.
  This is my first project with bootstrap.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Bootstrap-5 --&gt;
  &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"&gt;
  
  
  &lt;!--Body --&gt;
  &lt;header class="header row"&gt;
    &lt;div class="d-flex justify-content-between"&gt;
      &lt;div id="logo" class="pb-2 ps-2 pe-0 col-2"&gt;
        &lt;img class="float-start py-2 ps-2 pe-2" src="assets/img/unknown.png"&gt;
        &lt;a href="#" class="sidebar-toggler flex-shrink-0" id="menu-toggle"&gt;
          &lt;i class="fa-solid fa-angle-left py-4 pe-2"&gt;&lt;/i&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="col-10 row"&gt;
        &lt;h2 class="col-9 px-0 text-primary d-flex align-items-center"&gt;CHƯƠNG TRÌNH REBATE&lt;/h2&gt;
        &lt;div class="col-3 px-0"&gt;
          &lt;div class="float-end d-flex justify-content-between"&gt;
            &lt;i class="fa fa-bell me-lg-2 d-flex align-items-center"&gt;&lt;/i&gt;
            &lt;div class="nav-item dropdown"&gt;
              &lt;a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown"&gt;
                &lt;img class="rounded-circle " src="assets/img/aTu.png" alt="" style="width: 40px; height: 40px;"&gt;
                &lt;span class="d-none d-lg-inline-flex text-primary"&gt;TuNTC23&lt;/span&gt;
              &lt;/a&gt;
              &lt;div class="dropdown-menu bg-transparent border-0"&gt;
                &lt;a href="#" class="dropdown-item"&gt;My Profile&lt;/a&gt;
                &lt;a href="#" class="dropdown-item"&gt;Settings&lt;/a&gt;
                &lt;a href="#" class="dropdown-item"&gt;Log Out&lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;hr style="height:1px;color:#1968B2;"&gt;
  &lt;/header&gt;</code></pre>
  </div>
  </div>
  </p>