<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>current</h1>
<select id="brand_select">
<option value="" disabled selected>My Brand</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select id="model_select">
<option value="" disabled selected>My Model</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<h1>desired</h1>
<div class="brand_div">
<select id="brand_select">
<option value="" disabled selected>My Brand</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="model_div">
<select id="model_select">
<option value="" disabled selected>My Model</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
#brand_select
{
width:150px;
color: #000000;
text-transform: capitalize;
font-size:17px;
font-weight:bold;
letter-spacing: 1px;
}
#model_select
{
width:150px;
color: #000000;
text-transform: capitalize;
font-size:17px;
font-weight:bold;
letter-spacing: 1px;
}
.brand_div ,.model_div{
padding:5px;
}