CODEWITHSUNDEEP
htmlcssdrop-down-menu
hammerva
hammerva

Reputation: 139

CSS issue about spacing between a select box and text box

I am trying to work on the spacing between fields on a particular line. It seems like I have figure out the space between text boxes with the margin-right property.

I am trying to put the same number of spaces between a select option box and a text box and it doesn’t seem to work. Is there a different margin property for select boxes than textboxes?

Here are my CSS classes and my HTML code for the select option box:

.textsmall {
    display: inline-block;
    width: 10%;
    padding-right: 5%;
    margin-right: 25px;
}
.combosmall [
    display: inline-block;
    margin-right: 25px;
}

input id="CMDContractYear" type="number" class="textsmall" maxlength="4" 

select size="1" name="CMDSchedStatus" class="combosmall" 

input id="CMDCreationDate" type="text" class="textsmall" maxlength="10"

Thanks

Upvotes: 1

Views: 1501

Answers (2)

hungerstar
hungerstar

Reputation: 21675

You have a square bracket [ instead of a curly bracket { for .combosmall.

Upvotes: 1

MichaelG
MichaelG

Reputation: 737

Looks like you put a "[" when you meant to put a "{" in your combosmall css. Change

.combosmall[display:inline-block; margin-right:25px; }

To

.combosmall{display:inline-block; margin-right:25px; }

It happens...

Upvotes: 1

Related Questions