title: CSS class selector won't work
body: <p>I'm new in coding and I'm having some noob issues... </p>
  
  <p>Whenever I style my elements inside my HTML file (style="...") everything works fine, but when I do it the correct way, i.e. I give them a class and style them in the CSS file, it won't work at all.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div class="4u 12u(mobile)"&gt;
      &lt;section class="highlight"&gt;
          &lt;a href="football.html"&gt;
              &lt;span class="image fit"&gt;&lt;img src="images/pic02.jpg" alt=""&gt;&lt;/span&gt;
              &lt;header&gt;
                  &lt;h2&gt;Football&lt;/h2&gt;
                  &lt;p&gt;&lt;img class="miniflag" src="images/flag_en.png"&gt; &lt;img class="miniflag" src="images/flag_de.png"&gt; &lt;img class="miniflag" src="images/flag_nl.png"&gt; &lt;img class="miniflag" src="images/flag_es.png"&gt;&lt;/p&gt;
              &lt;/header&gt;
          &lt;/a&gt;
      &lt;/section&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is my CSS, where I try to give them a 6px margin all around:</p>
  
  <pre><code>.miniflag {
          margin: 6px 6px 6px 6px;       
      }
  </code></pre>
  
  <p>Can you help me find the problem? Thank you very much!</p>
  
  <p><strong>Edit:</strong> Yes, both my HTML and CSS file are linked within the head section (it is a running website), so the problem must be elsewhere...</p>