title: How to make text appear when input box is active
body: <p>I dont really know why this doesn't work. Im trying to make the text 'press enter to search' to appear when the input box is active. BUT it doesn't work with the CSS I have for some reason. How do you do it? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form action="http://google.com/search"&gt;
  &lt;p class='inp'&gt;&lt;input type='text' name='q'class='searchBox' placeholder='What do you want to search for George?' &gt;
  &lt;span id='prompt'&gt;Enter to search&lt;/p&gt;&lt;/span&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#prompt{
      color:#fff;
      font-weight:400;
      margin-left:30px;
      opacity:0;
  
  }
  
  
  .searchBox:focus &gt; #prompt{
      color:#000;
      opacity:1;
  }
  </code></pre>