title: How to change the color of a <p> tag in a div class under another <p> tag?
body: <p>I have some text in my HTML banner "Find out what Google can do for you". I want the color to be #ffffff (white), but for some reason it's picking up the color from the above "p" tag so it shows the color rgb (102, 102, 102). How can I make it so the .box-row p really shows #ffffff.</p>
  
  <p>See my jsfiddle: <a href="http://jsfiddle.net/huskydawgs/tKn9f/39/" rel="nofollow">http://jsfiddle.net/huskydawgs/tKn9f/39/</a></p>
  
  <pre><code>        &lt;div id="wrapper-landing"&gt;
      &lt;p&gt;
          Google has released an update to its Text-to-Speech app (TTS) that adds new, high-quality voices—that now take up a couple hundred MB worth of space instead of the old 5-6MB—as well as several new language packs including UK English, Portuguese, and US Spanish.&lt;/p&gt;
          &lt;div class="box-row"&gt;
          &lt;div class="box-form-body"&gt;
                  &lt;p&gt;
                      Find out what Google can do for you!&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="box-form-button"&gt;
              &lt;img alt="Learn More" height="100" src="http://www.robindelillo.fr/img/home/seeMoreButton.png" width="100" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
          #wrapper-landing {
          width: 916px;
          margin: 0 auto 50px auto;
          padding: 0;
      }
  
          #wrapper-landing p {
              color: rgb(102, 102, 102);
              font-family: 'SegoeRegular',Helvetica,Arial,sans-serif;
              font-size: 1.1em;
              line-height: 1.6em;
      }
  
      .box-row {
          width:915px;
          padding:10px;
          border:1px solid #e2e3e4;
          margin-top:50px;
          overflow: hidden;
          background-color:#f66511;
      }
      .box-row p {
          color: #ffffff;
          font-family: 'SegoeRegular',Helvetica,Arial,sans-serif;
          font-size: 1.1em;
          line-height: 1.6em;
  }
  
  .box-form-body {
      display: inline-block;
      vertical-align: middle;
      width: 75%;
      padding: 0 0 0 2em;
  }
      .box-form-button {
          display: inline-block;
          vertical-align: middle;
          width: 15%;
          padding: 0 0 0 2em;
      }
      .box-form-button img {
          vertical-align: bottom;
      }
  </code></pre>