title: Align center a div and align right another div in the same row
body: <p>I have 3 divs, I want to align &quot;div2&quot; to the center of the page and &quot;div3&quot; at the end while being in the same row.</p>
  <p>I've been trying some things like the &quot;d-flex justify-content-center&quot; that I'm currently using or making &quot;div1&quot; a row and giving &quot;div3&quot; the class &quot;ml-auto&quot; but then I don't know how to align &quot;div1&quot; to the center.</p>
  <p>I'm using Bootstrap 5.</p>
  <p><a href="https://i.stack.imgur.com/Isgg2.png" rel="nofollow noreferrer">My actual result</a></p>
  <pre><code>&lt;div class=&quot;text-center mt-2&quot; id=&quot;div1&quot;&gt;
          &lt;div class=&quot;d-flex justify-content-center&quot; id=&quot;div2&quot;&gt;
              &lt;a class=&quot;btn btn-lg btn-success&quot; href=&quot;#&quot;&gt; Link 1 &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class=&quot;d-flex justify-content-end&quot; id=&quot;div3&quot;&gt;
              &lt;a class=&quot;btn btn-lg btn-info&quot; href=&quot;#&quot;&gt; Link 2 &lt;/a&gt;
              &lt;a class=&quot;btn btn-lg btn-info&quot; href=&quot;#&quot;&gt; Link 3 &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>