title: CSS - Bubble input searchbar like Pinterest
body: <p>I have a search bar where the user enters a keyword, and I would like the keywords to be enclosed in a bubble with a cross on end to delete it as soon as he user presses space to enter another keyword. Something like whats done at the Pinterest search bar as shown in this image below.</p>
  
  <p><a href="https://i.stack.imgur.com/hMwtw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hMwtw.png" alt="enter image description here"></a></p>
  
  <p>I can make bubble in CSS around texts, but how to draw them from inside the input box is where I am stuck at.</p>