title: How to get rid of the empty space in HTML
body: <p>I want to remove the blank between <code>MY WEB</code> and <code>With HTML, CSS, and Javascript</code>.
  <br>I tried fixing <code>paddding</code>, <code>margin</code>, and <code>width/height</code> but nothing seemed to work.
  <br><br>
  <strong>How can I customize the size of the empty space?</strong></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>.title {
    font-family: 'Secular One', sans-serif;
    font-size: 100px;
    text-align: center;
    margin-top: 150px;
    color: white;
  }
  
  body {
    background-color: #192a75;
  }
  
  .description {
    color: white;
    text-align: center;
    padding-bottom: 50px'
  }
  
  .button {
    font-family: 'Sen', sans-serif;
    background-color: white;
    font-size: 20px;
    width: 150px;
    height: 55px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;link href="https://fonts.googleapis.com/css2?family=Secular+One&amp;family=Sen&amp;display=swap" rel="stylesheet"&gt;
      &lt;title&gt;My Web&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="title"&gt;
        &lt;p&gt;MY WEB&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="content"&gt;
        &lt;div class="description"&gt;
          With HTML, CSS, and Javascript
        &lt;/div&gt;
        &lt;div class="button"&gt;
          CONTINUE
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>