Create paragraph with placeholders

Question

I need to create paragraph of text with missing words as on the picture provided:

I want user to fill missing words, and thus I'd like to make spans (that are placeholders for missing words) contentEditable=true

Is it possible to achieve with css?

Answer 1

HTML:

This is text <input type="text" class="a" /> and here is a space.

CSS:

.a{
    border:none;
    border-bottom: 1px solid black;
    width:50px;
}