How can I make a label and a drop-down menu align side-by-side with CSS

RobMoore007
Shopify Partner
194 1 20

Hi, the screenshot below Illustrates what I currently have. The label "Dexterity" is above the dropdpwn menu.  I wish to have the label on the left of the dropdown menu.

I have detailed the coder and styles below

Appreciate any help

https://auchterlonies-com.myshopify.com/

paswd: awskob

Screen Shot 2021-04-06 at 20.41.58.png

<div class="mw-option-select mw-validate-required-option mw-option dexterity" style="display: block;"><input type="hidden" name="properties[Dexterity:]" data-for="option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e" value="Right Handed"><label class="mw_product_option_label" for="mw_product_option_option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e">Dexterity:</label><br><select id="mw_product_option_option_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e" style="display: inline-block;" class=""><option data-hidden="1" value="">- Click to Select Option -</option><option value="Right Handed" data-value-id="value_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e_0262e6dd-4765-49e1-9630-25ff60b1ac6b" data-value-qty="" data-value-price="" data-value-price-type="fixed" data-value-recalc-price="" data-hidden="0" style="display: block;">Right Handed<span class="value-price"></span></option><option value="Left Handed" data-value-id="value_6197610086586_4ff99ba8-014d-44ed-b0db-b7e204bccd4e_ae3af6bf-38f6-4289-b6e7-71587d538c32" data-value-qty="" data-value-price="" data-value-price-type="fixed" data-value-recalc-price="" data-hidden="0" style="display: block;">Left Handed<span class="value-price"></span></option></select><span class="mw-option-tooltip value-desc" style="display: none;"></span><br></div>

 

 

Here are the styles:

 text-size-adjust: 100%;
font-family: "Gill Sans Nova", sans-serif;
font-size: 16px;
color: #141414;
line-height: 1.5;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
overflow-wrap: anywhere;
font-style: inherit;
font-weight: inherit;
box-sizing: inherit;
height: 3.75em;
background: linear-gradient(270deg, #FAFAFA, #D3D9D9);
background-size: auto;
animation: gradient 15s ease infinite;
padding-left: 10px;
border-radius: 2px;
padding-right: 6px;
padding-bottom: 4px;
max-width: calc(calc(104% - 12px));
border-bottom-style: groove;
display: block; 

Regards
Rob Moore - NEWBY!!
Replies 0 (0)