title: CSS Hover Text Changing Color With Button
body: <p>So, it's pretty easy to set a hover over effect for an element. But what I want is when the user hovers over a button that has text in it, to make the button turn from black to white and the text from white black at the same time. Instead of two separate elements. How should I do this?</p>
  
  <p>Thanks!</p>
  
  <pre><code>#signUpBox {
      width: 150px;
      height: 47px;
      border-style: solid;
      border-width: 1px;
      margin: auto;
      margin-top: 25px;
      border-radius: 2px;
  }
  
  #signUpBox:hover {
      background-color: #ffffff;
  }
  
  h3 {
      text-align: center;
      margin-top: -35px;
      letter-spacing: 1px;
      font-size: 17px;
  }
  </code></pre>