title: how to solve overflowing content
body: <p>I just added a link tag after an input text type but when I view the site, the link goes on top of the input as you can see on the photo and don't see anything wrong.
  Perhaps there is a reset css that I dont know.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a.activate {
    background-color: pink;
    padding: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="cont bonus"&gt;
    &lt;h3&gt;You have no active Bonus on your account&lt;/h3&gt;
    &lt;h4&gt;Got a Bonus code?&lt;/h4&gt;
    &lt;input class="input" type="text" name="bonuscode" placeholder="Bonus Code"&gt;
    &lt;br&gt;
    &lt;div id="activate"&gt;
      &lt;a class="activate" href="#"&gt;Activate&lt;/a&gt; 
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>