title: How do I make this tag a clickable inside the input?
body: <p>I loaded to my project nice input and my goal is to put inside this input the clickable button/a tag with float:right. Inside my local version of this, after clicking the button/a tag(question mark) animation start to happen, in jsfiddle example it doesn't even react. I don't have any ideas how to solve this problem, not changing the input source(design is cool). </p>
  
  <p><a href="https://jsfiddle.net/yoofu5me/5/" rel="nofollow noreferrer">https://jsfiddle.net/yoofu5me/5/</a></p>
  
  <pre><code>    &lt;div class="row"&gt;
    &lt;div class="col-md-6 col-md-offset-3"&gt;
          &lt;span class="input input--haruki text-center" style="margin-top: 10px;"&gt;
              &lt;input class="input__field input__field--haruki" type="text" id="input-1" /&gt;
              &lt;label class="input__label input__label--haruki" for="input-1"&gt;
                  &lt;span style="font-size:14px;" class="input__label-content input__label-content--haruki"&gt;Give me the word &lt;a href="https://www.freshdesignweb.com/css-login-form-templates/" target="_blank" style="float:right" href="#" &gt;&lt;i class="fa fa-question"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;
              &lt;/label&gt;
  
          &lt;/span&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>