I have the following code of "Select Gender" and when I test it out side my page it appears on one line but in my page it refuses to appear on one line. Maybe because of the CSS of the page.
input:not([type='checkbox']),
.checkbox-wrapper,
.btn {
/******* look at the following lines *******/
width: 100%; /* makes each item 100% effectively pushing following item to the next line*/
min-width: 200px; /* this does somewhat adds onto it by specifying minimal width*/
.....more CSS here
}
to fix, update your selector to not apply to inputs of type
radio:
Member
49 Points
103 Posts
How to make "Select Gender " in one line instead of four lines?
Mar 20, 2020 03:57 PM|Omanxp45-1|LINK
Hi All,
I have the following code of "Select Gender" and when I test it out side my page it appears on one line but in my page it refuses to appear on one line. Maybe because of the CSS of the page.
Here the "Select Gender " Code
And here the whole page code
Thanks
Member
160 Points
96 Posts
Re: How to make "Select Gender " in one line instead of four lines?
Mar 20, 2020 04:34 PM|timur.kh|LINK
Indeed, it seems this bit of CSS is at play here:
to fix, update your selector to not apply to inputs of type radio:
Check out JSFiddle and read more about :not() pseudo-class on MDN.