Placing Labels and Inputs Inline

Hello,

I am trying to put the form labels and inputs in line with each other. Usually this CSS would work:
<style>
.form-group label{
font-weight: bold;
width: 200px;
display: inline-block !important;
}
.form-group input, .form-group textarea{
width: 350px;
}
</style>

I checked the two width values to make sure that a wrap wasn’t happening due to the size of the parent container.

I used Chrome to look at the page source and saw that just before the <input … There was a <div class> tag and the CSS class was never defined.

Everything works except the inline-block… I am loading this CSS just before calling the shortcode in my page.

Thank in advance for the help.

https://www.ads-software.com/plugins/clean-and-simple-contact-form-by-meg-nicholas/