title: Parent Div = Float Left. Child Div Not Displaying Text
body: <p>So i have a parent div (box one) with a float: left. My child div (hover-state) is basically just a hover state. The child div has 2 text elements and an underline. The underline shows but the text elements are not showing. if you look at the jsfiddle, and hover over the white box, you'll see what i mean.</p>
  
  <pre><code>        &lt;div class="box one"&gt;
              &lt;div class="hover-state"&gt;
  
                  &lt;h3&gt;This Artist&lt;/h3&gt;
                  &lt;div class="line"&gt;&lt;/div&gt;
                  &lt;h4&gt;some text&lt;/h4&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/8fx9f6xb/" rel="nofollow">https://jsfiddle.net/8fx9f6xb/</a></p>