JSFiddle - React, Tailwind, and code Playground

by Rolf

HTML

<label><span>Eingabe 1:</span><input autofocus type="text"></label>
<label><span>Eingabe 2:</span><input type="text"></label>
<label><span>Eingabe 3:</span><input type="text" list="selfer"></label>
<label><span>Eingabe 4:</span><input type="text"></label>
<label><span>Eingabe 4:</span><select >
<option>Foo</option>
<option>Bar</option>
<option>Baz</option>
</select></label>
<datalist id="selfer">
  <option value="Gunnar">
  <option value="Jörg">
  <option value="Matthias">
  <option value="Rolf">
</datalist>

CSS

label {
  display: block;
  margin-bottom: 0.5em;
}
label span {
  display: inline-block; 
  width: 6em;
}
select {
   width: 10em;
}
input:not(:focus), select:not(:focus) {
  background-color: #bbb;
  border-color: transparent;
}