I am fond of lists. Very fond of lists. Sometimes I have lists with short items like this:
List A
- one
- two
- three
But sometimes I have lists with long blocks of text in them. Like this:
List B
- mauris ultrices eros in cursus turpis massa tincidunt dui ut ornare lectus sit amet est placerat in egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam ut porttitor leo a diam sollicitudin tempor id eu nisl nunc mi ipsum
- massa tempor nec feugiat nisl pretium fusce id velit ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae purus
- aliquet nibh praesent tristique magna sit amet purus gravida quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis purus sit amet volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit amet
- consequat id porta nibh venenatis cras sed felis eget velit aliquet sagittis id consectetur purus ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae semper quis lectus nulla
For List A, I'd like to keep the items close, like that of a checklist/to-do. However, for List B, I want to add a margin-bottom to the list items. Is this possible with only CSS? Let's say I want to target list-items that exceed 20 words or so, what selector do I use?