JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div id="app">
  <div id="inner">
    <label>Some text</label>
    <select id="cars">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
    <select id="cars">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>
   </div>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px; 
  display:inline-block;
}

#inner {
  background: lightskyblue;
  border-radius: 10px;
  display: flex;
  flex-flow: row wrap;
}

#inner > * {
  margin: 5px;
}