JSFiddle - React, Tailwind, and code Playground

by Mindaugas

HTML

<body>
<div class="wrapper">
  <select id="brand_select">
    <option value="Letter A">Letter A</option>
    <option value="Letter B">Letter B</option>
    <option value="Letter C">Letter C</option>
  </select>
  <select id="model_select">
    <option value="Number 1">Number 1</option>
    <option value="Number 2">Number 2</option>
    <option value="Number 3">Number 3</option>
  </select>  
</div>
</body>

CSS

.wrapper {
  overflow: hidden;
}
select {
  display: block;
  margin: 10px 0;
  padding: 5px;
  width: 150px;
}
#brand_select {
color: #000000; 
text-transform: capitalize;
font-size:17px;
font-weight:bold;
letter-spacing: 1px;
}

#model_select {
color: #000000; 
text-transform: capitalize;
font-size:17px;
font-weight:bold;
letter-spacing: 1px;
}