如何删除子标签前后的空格

Question

ok so I want to remove the space between two words created by a sub word in between using css. the following two images will demonstrate what I'm trying to do perfectly.

change this to this .

Answer 1

This can be pulled off by setting the position of the sub text to absolute and setting where you want it to be. Ive made a plunker so you can see what i've done but it looks like this

<style>
p{
  font-size:2rem;
}
p > sub{
  color:green;
  position:absolute;
  top:7.5rem;
  left:4rem;
}
</style>
<p>First <sub>Middle</sub> Last</p>

http://plnkr.co/edit/5UCHcHn0PuNn1oh4aWvc