nsdlfefinedieicbe nsdlfefinedieicbe - 4 months ago 23
HTML Question

Display text below other text also need space between text and dropdown symbol

we have Brand and model dropdown boxes looking like this link as below image

enter image description here

I want to make like this :

enter image description here

css

#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;
}


html

<?php

$brandSelect = '<select id="brand_select">';
$brandSelect .= '<option value="">My Brand</option>';

<select id="model_select"><option value="">My Model</option></select>'

?>


we want to Display My model below My Brand also want to give space between My Brand text and dropdown symbol.

Answer

You can add static width to dropdowns, for example width: 150px;

Here is working example: https://jsfiddle.net/Mindaugas/17eLs0oz/