How to Show submit button inside text field
<p>I have a comment form where I want to show submit button inside the text field on the right side. Here is what I've done till now:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.flex1 {
  display: flex;
}
.flex2 {
  flex: 1;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form class="comment-form" method="get"&gt;
  &lt;img src="image" alt=""&gt;
  &lt;p class="flex1"&gt;&lt;input type="text" class="form-control flex2" placeholder="Leave a comment..."&gt; &lt;button type="submit" class="btn btn-info"&gt;comment&lt;/button&gt;&lt;/p&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>

<p>Using this method the form go out of screen. Is there a better way to put submit button inside text field. <strong>Hint:</strong> I'm using Bootstrap.</p>