JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <label>
        <p>Название поля:&nbsp;</p><input id="child" type="text" size="2" name="input" value="" />
    </label>
</div>

CSS

#parent {
    position: relative;
    width: 360px;
    margin: 160px;
    background: #DDD;
    float: left;
}
label {
    position: relative;
    float: left;
    width: 100%;
}
p {
    position: relative;
    width: auto;
    margin-left: -30%;
    width: 29%;
    border: 1px solid red;        
    word-wrap: break-word;
    float: left;
}
#child {
    position: relative;
    width: 100%;
    float: left;
}