title: unable to scrape by traversing <br> in <td> using scrapy with css
body: <p>html code is following:</p>
  
  <pre><code>&lt;td class="column-3"&gt;
                                  (price per 1,000 images)&lt;br&gt;
  0-1M images                                    -
  &lt;span class="price-data " data-amount="{&amp;quot;regional&amp;quot;:{&amp;quot;asia-pacific-southeast&amp;quot;:0.5,&amp;quot;australia-east&amp;quot;:0.5,&amp;quot;brazil-south&amp;quot;:0.5,&amp;quot;canada-central&amp;quot;:0.5,&amp;quot;central-india&amp;quot;:0.5,&amp;quot;europe-north&amp;quot;:0.5,&amp;quot;europe-west&amp;quot;:0.5,&amp;quot;united-kingdom-south&amp;quot;:0.5,&amp;quot;us-east&amp;quot;:0.5,&amp;quot;us-east-2&amp;quot;:0.5,&amp;quot;us-south-central&amp;quot;:0.5,&amp;quot;us-west-2&amp;quot;:0.5,&amp;quot;us-west-central&amp;quot;:0.5}}" data-decimals="3" data-decimals-force="0" data-region-unavailable="N/A" data-has-valid-price="true"&gt;$0.50&lt;/span&gt;                                    &lt;br&gt;
  1M-5M images                                    -
  &lt;span class="price-data " data-amount="{&amp;quot;regional&amp;quot;:{&amp;quot;asia-pacific-southeast&amp;quot;:0.4,&amp;quot;australia-east&amp;quot;:0.4,&amp;quot;brazil-south&amp;quot;:0.4,&amp;quot;canada-central&amp;quot;:0.4,&amp;quot;central-india&amp;quot;:0.4,&amp;quot;europe-north&amp;quot;:0.4,&amp;quot;europe-west&amp;quot;:0.4,&amp;quot;united-kingdom-south&amp;quot;:0.4,&amp;quot;us-east&amp;quot;:0.4,&amp;quot;us-east-2&amp;quot;:0.4,&amp;quot;us-south-central&amp;quot;:0.4,&amp;quot;us-west-2&amp;quot;:0.4,&amp;quot;us-west-central&amp;quot;:0.4}}" data-decimals="3" data-decimals-force="0" data-region-unavailable="N/A" data-has-valid-price="true"&gt;$0.40&lt;/span&gt;                                    &lt;br&gt;
  5M+ images                                    -
  &lt;span class="price-data " data-amount="{&amp;quot;regional&amp;quot;:{&amp;quot;asia-pacific-southeast&amp;quot;:0.325,&amp;quot;australia-east&amp;quot;:0.325,&amp;quot;brazil-south&amp;quot;:0.325,&amp;quot;canada-central&amp;quot;:0.325,&amp;quot;central-india&amp;quot;:0.325,&amp;quot;europe-north&amp;quot;:0.325,&amp;quot;europe-west&amp;quot;:0.325,&amp;quot;united-kingdom-south&amp;quot;:0.325,&amp;quot;us-east&amp;quot;:0.325,&amp;quot;us-east-2&amp;quot;:0.325,&amp;quot;us-south-central&amp;quot;:0.325,&amp;quot;us-west-2&amp;quot;:0.325,&amp;quot;us-west-central&amp;quot;:0.325}}" data-decimals="3" data-decimals-force="0" data-region-unavailable="N/A" data-has-valid-price="true"&gt;$0.325&lt;/span&gt;                                    &lt;br&gt;
                              &lt;/td&gt;
  </code></pre>
  
  <p>url: <a href="https://azure.microsoft.com/en-in/pricing/details/search/" rel="nofollow noreferrer">https://azure.microsoft.com/en-in/pricing/details/search/</a></p>
  
  <p>How can I traverse <code>&lt;br&gt;</code> and scrape the data? I want to split <code>td</code> tags into <code>count(br)</code> times and then scrape. I don't want to use xpath. I want to get the result through css.</p>