I have a very specific problem with the div in a dropdown.
The <ul> within the dropdown is created by a php-foreach function and the amount of <li> varies.
The width of the dropdown should expand if there are more than one <li>, but not more than four in a row. I have to have margin left/right of 20px, a margin top of 12px and a margin between the <li> of 10px.
I already built it with a fixed width for four or more than four <li> (with nth-child etc) but now I have the order to make it smaller if there are only one or two items in it.
I tried different things but nothing seems to work.
Has anyone an idea how to do this? Thanks in advance!