title: Placing password visibility icon inside password field
body: <p>I have this following code.</p>
  <pre><code>&lt;div class=&quot;login-password&quot;&gt;
                &lt;label for=&quot;password&quot; class=&quot;form-label&quot;
                  &gt;Enter your password&lt;/label
                &gt;
                &lt;input
                  id=&quot;loginPassword&quot;
                  type=&quot;password&quot;
                  class=&quot;form-control&quot;
                  placeholder=&quot;Enter your password&quot;
                /&gt;
                &lt;i
                  class=&quot;bi bi-eye-slash&quot;
                  id=&quot;togglePassword&quot;
                  style=&quot;margin-left: -30px; cursor: pointer&quot;
                &gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  <p>When I do this the password visibility icon is placed as in the image given below.</p>
  <p><a href="https://i.stack.imgur.com/6Jg1d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6Jg1d.png" alt="enter image description here" /></a></p>
  <p>How do I place the visibility icon within password field.</p>