How to fetch the text of a web element where the text is split in 2 lines

Question

Hi,

The HTML looks like the following:

<div class="ReviewAndRatingsstyles__AverageReviewWrapper-sc-1nxmeoo-5 kWDiZc">

         <span class="ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi">

              "4.2"

             " / 5"

        </span>

</div>

I need to capture the text 4.2/5.

Thank you.

Answer 1

Hello,

You want to use a non-breaking space in your HTML markup  so use   instead of a normal space.

HTML

"4.2  /5"

Or you can try this

CSS

.ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi {
    white-space: ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi;
}

HTML

<span class="ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi">4.2</span>
<span class="ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi">/5</span>

Any element with white-space: ReviewAndRatingsstyles__AverageReviewText-sc-1nxmeoo-6 jVFGfi stays on one line.

Hope this works!!