title: How to align Text in React Link tag?
body: <p>I need to align the text inside <code>&lt;Link&gt;</code>(react-router-dom) to right end of Label, like this,</p>
  <p><a href="https://i.stack.imgur.com/FFHRC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FFHRC.png" alt="enter image description here" /></a></p>
  <p>I have tried bootstrap classes and custom CSS styles but none of'em worked for me,</p>
  <pre><code>&lt;Form.Label style={{ fontWeight: 'bold' }}&gt;
    &lt;div className=&quot;w-100&quot;&gt;Password
         &lt;Link to=&quot;/forgot-password&quot; className=&quot;w-100 text-right&quot; style={{textAlign: &quot;right&quot;}}&gt;Forgot Password?&lt;/Link&gt;
   &lt;/div&gt;
  &lt;/Form.Label&gt;
  </code></pre>
  <p>Thanks in advance.</p>