title: How do I put a small text on top and on bottom of a word in a paragraph using css?
body: <p>I wanna know how do I put a word on top and on bottom of a text using CSS? It's hard to put in words so I've made a rough image on what I really mean</p>
  
  <p><img src="https://i.stack.imgur.com/SF6Uy.png" alt="See here."></p>
  
  <p>As you can see, the "My name is Marwan and I am 20 years old." part is just the normal paragraph on a web page in large fonts, and uppertext and bottomtext is in small fonts and the words in the paragraph automatically makes the required space in between so that the uppertext and bottomtext are always aligned in the middle. The paragraph is however not aligned and is either LTR or RTL depending on the language.</p>
  
  <p>I have no idea how I can successfully achieve it. Any help would be appreciated. </p>