title: Can't move divs inside other div
body: <p>I recently started to code and I wanted to code a calculator i JavaScript. I started to code HTML/CSS but I have a problem with divs, I can't move them inside the another div.</p>
  
  <p>This is my HTML:</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>.calc {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 100px;
    width: 300px;
    height: 250px;
    border: 2px solid black;
  }
  
  .title {
    height: 20px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://unpkg.com/ionicons@4.5.5/dist/css/ionicons.min.css" rel="stylesheet"&gt;
  &lt;div class=calc&gt;
    &lt;div class=title&gt;Kalkulator&lt;/div&gt;
    &lt;div&gt;&lt;input id="result" type="number"&gt;&lt;/div&gt;
    &lt;div&gt;&lt;button class=btn-plus&gt;+&lt;/button&gt;&lt;/div&gt;
    &lt;div&gt;&lt;button class=btn-minus&gt;-&lt;/button&gt;&lt;/div&gt;
    &lt;div&gt;&lt;button class=btn-multi&gt;*&lt;/button&gt;&lt;/div&gt;
    &lt;div&gt;&lt;button cass=btn-div&gt;/&lt;/button&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I wanted to change the position of buttons and input and I wanted to make a title bigger. I can't change its size nor move it tho.</p>