CSS Hide outer Span and show inner span

Question

as low as $1,33         


        

Answer 1

Visibility can help you here.

.price {
  visibility: hidden;
}

.price > span {
  visibility: visible;
}

as low as 

$1,335.79

If removing the space taken by the hidden text is also require then the font-size:0 is an option in some browsers provided you reset the inner text back to the required size.

.price {
  visibility:hidden;
  font-size:0;
  }

.price > span {
  visibility:visible;
  font-size:1rem;
  }

as low as 

$1,335.79