<div>
This works...... <pre><code class="code-10 nolinks" id="code-20-43125993-1">.modal-footer {
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;display: -ms-flexbox;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;display: flex;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;-ms-flex-align: center;
&nbsp; &nbsp; &nbsp;&nbsp;align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-ms-flex-pack: center;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;padding: 1rem;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;border-top: 1px solid #e9ecef;
&nbsp; &nbsp; &nbsp;&nbsp;color:#888;
&nbsp; &nbsp; &nbsp;&nbsp;}
</code></pre>
</div>

<div>
<div class="content wysiwyg-content fr-view">
The text and link won't align on the footer. <a href="https://www.audiodigz.com/BigPractice.html" rel="ugc"></a> <a href="https://www.audiodigz.com/BigPractice.html" rel="ugc">https://www.audiodigz.com/BigPractice.html</a>&nbsp; &nbsp; &nbsp; Click on Log In<pre><code class="code-1 nolinks" id="code-10-29189026-1">&lt;div class="modal-footer"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Don't have an account yet?&amp;nbsp;&amp;nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="/CLIENT/registration.php"&gt;Create an account&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
</code></pre><pre><code class="code-10 nolinks" id="code-10-29189026-2">.modal-footer {
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;display: -ms-flexbox;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;display: flex;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;-ms-flex-align: center;
&nbsp; &nbsp; &nbsp;&nbsp;align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-ms-flex-pack: end;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;justify-content: flex-end;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;padding: 1rem;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;border-top: 1px solid #e9ecef;
&nbsp; &nbsp; &nbsp;&nbsp;}

&nbsp; &nbsp; &nbsp;&nbsp;.modal-footer &gt; :not(:first-child) {
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;margin-left: .25rem;
&nbsp; &nbsp; &nbsp;&nbsp;}

&nbsp; &nbsp; &nbsp;&nbsp;.modal-footer &gt; :not(:last-child) {
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;margin-right: .25rem;
&nbsp; &nbsp; &nbsp;&nbsp;}
</code></pre>
</div>
</div>

The text and link won't align on the footer.
https://www.audiodigz.com/BigPractice.html
      Click on Log In
<div class="modal-footer">
                    Don't have an account yet?&nbsp;&nbsp;
                                 
                    <a href="/CLIENT/registration.php">Create an account</a>
                    </div>
.modal-footer {
 
      
display: -ms-flexbox;
 
      
display: flex;
 
      
-ms-flex-align: center;
      
align-items: center;
 
         
-ms-flex-pack: end;
 
      
justify-content: flex-end;
 
      
padding: 1rem;
 
      
border-top: 1px solid #e9ecef;
      
}
      
.modal-footer > :not(:first-child) {
 
      
margin-left: .25rem;
      
}
      
.modal-footer > :not(:last-child) {
 
      
margin-right: .25rem;
      
}

Text and link won't center in Modal-Footer

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.