JSFiddle - React, Tailwind, and code Playground

HTML

<span><p>Hello, my name is </p></span>

<span><input type="text" id="input" class="form" placeholder="name"></span>

<span><p>. I am </p></span>
    
<span><input type="text" id="input" class="form" placeholder="age"></span>
    
    <span><p> years old.</p></span>

CSS

.form {
    border: 0;
    text-align: center;
    outline: none;
}

span {
    display: inline-block;
}

p {
    font-family: arial;
}