I have the following code:

<span ><img src="https://i0.wp.com/thefinancialhub105706898.wpcomstaging.com/wp-content/plugins/wp-google-places-review-slider/public/partials/imgs/stars_5_yellow.png?w=1110&amp;ssl=1" alt="5 star review"  width="100" height="19">&nbsp;&nbsp;</span>

I want to remove the double &nbsp at the end of my span with a css code. Can anyone help me?

CodePudding user response：

You cannot "remove" it from your HTML with styling. What might be enough for your case is hiding that text instead, preventing its selection like in the picture below.

.

One possible way to get there is simply setting font-size to 0:

.wprevpro_star_imgs_T1 {
  font-size: 0;
}

CodePudding user response：

There are many way to solve this issue.

You can remove (ctrl h) find    and replace nothing then press replace all.

2nd. Using jQuery:

<script>
var span = $('span').html();
span = span.replace(/&nbsp;/g, '');
$('span').html(span);
</script>

3rd.

<script>
var span = $('span').html();
span = span.replace('&nbsp;','');
$('span').html(span);
</script>

CSS is possible? it's out of my mind.

CodePudding user response：

A span tag acts like an inline element so you are using a   But you can make in an inline Block and solve the problem by two methods:

• by using Margin Right;

.wprevpro_star_imgs_T1{
  display: inline-block;
  margin-right: 10px;
}

• by using Padding Right;

.wprevpro_star_imgs_T1{
  display: inline-block;
  padding-right: 10px;
}