title: CSS: Div display is set to block but they are showing inline
body: <p>I seem to have a problem that is the opposite of what everyone else has. I want my div elements to display above each other like they normally do, since their default display is 'block', but they are not. My divs are placed inside a larger div element, and each of them contains only a single link.</p>
  
  <p>Here is how they are showing:</p>
  
  <p><a href="https://i.stack.imgur.com/wGzWk.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wGzWk.jpg" alt="enter image description here"></a></p>
  
  <p>I have forced the divs to 'display:block', and also the 'a' tags to 'display: block', but it has not solved the problem. Actually, when I inspect the element, the display is surprisingly set to 'block', yet my divs are still showing next to each other. </p>
  
  <p><a href="https://i.stack.imgur.com/VwU1R.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VwU1R.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the Html and CSS (note that I repeated some styles just to try to make it work):</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>    .wrapper-div{
   padding: 20px;
   padding-top: 70px;
      }
  
      .wrapper-div a{
   float: left;
   padding: 4px;
   display: block;
      }
  
      .wrapper-div div{
   display: block;
   width: 100%;
      }
  
      .link{
   display: block;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper-div"&gt;
      &lt;div class="link"&gt; &lt;a href="#"&gt;Bla1&lt;/a&gt;&lt;/div&gt;
      &lt;div class="link"&gt; &lt;a href="#"&gt;Bla1&lt;/a&gt;&lt;/div&gt;
      &lt;div class="link"&gt; &lt;a href="#"&gt;Bla1&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is extremely weird as I can't find a way to force the divs to become vertically aligned.</p>