title: CSS: How to hide Contact Form 7 text labels
body: <p>An example Contact Form 7 form is <a href="http://vmpersonal.com/contact%20form%207.html" rel="nofollow noreferrer">here</a>.</p>
  
  <p>How do I hide the:</p>
  
  <ul>
  <li>Name (required)</li>
  <li>Email (required)</li>
  <li>Phone (required)</li>
  </ul>
  
  <p>I have tried:</p>
  
  <pre><code>.wpcf7-form p label {display: none;}
  .wpcf7-form p label span.wpcf7-form-control-wrap {display: block;}
  </code></pre>
  
  <p>but this didn't work.</p>
  
  <p>Help appreciated.</p>