title: How do I wrap a label in a div within a class to modify it?
body: <p>I'm looking for the method to put a label and text in a div, within a class.</p>
  
  <p>I have this html:</p>
  
  <pre><code>&lt;div class="awpcp-subtitle"&gt;Contact Information&lt;/div&gt;
  &lt;a href="https://adsler.co.uk/wp-user-test-dashboard- 
  2/awpcp-reply-to-ad/13/madame-bovary/"&gt;Contact 
  Anonymous&lt;/a&gt;
  &lt;br/&gt;&lt;label&gt;Phone:&lt;/label&gt; 7576XXXXXX
  &lt;br/&gt;&lt;label&gt;Location:&lt;/label&gt; London, UK
  
  &lt;/div&gt;
  &lt;div class="showawpcpadpage"&gt;&lt;label&gt;Price:&lt;/label&gt; 
  &lt;strong&gt;£ 3.00&lt;/strong&gt;&lt;/div&gt;
  
  &lt;div class="fixfloat"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to put the label 'phone' within a div class and, if necessary, the text after it in a div class. </p>
  
  <p>Basically the aim of this is to be able to select the label 'phone' and the text after it, and give it a background color. </p>
  
  <p>I don't know where I would insert it in given html, or even what it would lool like? </p>
  
  <p>Im guessing somewhere after 'Anonymous,' 
  so:</p>
  
  <pre><code>Anonymous&lt;/a&gt; div class="Phone:"&gt;&lt;label&gt;Phone:&gt;. 
  &lt;/label&gt;
  </code></pre>
  
  <p>and then continuing with existing code:</p>
  
  <pre><code>&lt;br/&gt;label&gt;&lt;Phone:&gt;&lt;/label&gt;7576XXXXXX 
  &lt;br/&gt;.......... 
  </code></pre>