JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div class="field1">
        <label>Username</label>
        <span class="holder">{{ form.username }}</span>
      </div>

CSS

.field1 {
  font-family: inherit;
  margin-bottom: 25px;
  display: flex; 

  
}
.field1 .holder{
  position:relative;
  top:4px;
}

label {
  font-family:  Segoe UI;
  font-size: 18px;
  font-weight: lighter;
  color: #1E1E1E;
  margin-right:5px;

}