JSFiddle - React, Tailwind, and code Playground

HTML

<div class="linput clear_fix"> 
     <div class="left">Тут имя поля</div> 
     <div class="right" id="input_1"> 
          <input type="text" id="server" maxlength="50" value=""> 
     <span class="istatus" style="background: url('/images/ired.png') no-repeat; display: block;"></span> 
     </div> 
     <div class="text">Тут короче текст</div> 
</div>

CSS

.linput {padding-bottom: 10px;} 
.linput.clear_fix:after {clear: both; display: block; line-height: 0px; height: 0px; overflow: hidden; content: "";} 
.linput div.left {float: left; height: 26px; line-height: 26px; width: 110px; color: #dfdfdf;} 
.linput div.right {float: left; position: relative;} 
.linput div.right input[type="text"] {width: 180px;} 
.linput div.text {float: left; margin-left: 22px; line-height: 26px; font-size: 11px; color: #999;}