Pseudo-elements
This section shows ::before and ::after
This section shows ::first-letter
This section shows ::first line. Notice how the text changes when it is no longer on the first line. Sometimes this takes a lot of text to show on larger displays or it might only be a few words on smaller displays, like a mobile phone. Try it on different screen sizes to see how it changes dynamically.
- The bullet points for this list are different than usual
- You can use the same ::marker styles for the whole list
- Or you can use different ones if you want