title: CSS for div class isn't working-why?
body: <p>I wonder why the css for the div class=iphone isn't working-you can't see a border or anything else I include in the css..however when I was writing the code on codepen it all worked just fine and once I did it on sublime, it won't show anything (but only for the div element with the class iphone). Does anyone know why? Thanks!!
  Html:</p>
  
  <pre><code> &lt;body&gt;
      &lt;header&gt;
        &lt;h1&gt;Guess a Number!&lt;/h1&gt;
        &lt;h2&gt; - - - - - - - - - - - - -&lt;/h2&gt;
        &lt;h3&gt;Lets Play&lt;/h3&gt;
        &lt;h4&gt;Pick a number from 1-100&lt;/h4&gt;
      &lt;/header&gt;
      &lt;section&gt;
      &lt;div class="iphone"&gt; ..
        &lt;div&gt;
          &lt;input type="text" name="number" placeholder="number"   
    class=pickingNumber&gt; 
          &lt;button class="send"&gt;&lt;i class="fa fa-share"&gt;&lt;/i&gt;&lt;/button&gt; 
        &lt;/div&gt;
        &lt;div class="playAgain"&gt;
          &lt;button class="buttons"&gt;
            &lt;p&gt;&lt;b&gt;---&lt;/b&gt;&lt;/p&gt;
          &lt;/button&gt;
          &lt;button class="buttons"&gt;
            &lt;p&gt;&lt;b&gt;---&lt;/b&gt;&lt;/p&gt;
          &lt;/button&gt;
        &lt;/div&gt;
        &lt;/div&gt;
      &lt;/section&gt;
      &lt;footer&gt;
        &lt;div&gt;
        &lt;p class="end"&gt;&amp;copy; Made by me&lt;/p&gt;
        &lt;p class="end"&gt;Thanks for visiting!&lt;/p&gt;
      &lt;/footer&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>part of css for that:</p>
  
  <pre><code>.iphone{
      border: 6px solid #949599;
  
  }
  </code></pre>