I have encountered an issue with my list formatting that seems to work in Chrome and Firefox but not in Safari. The pseudo attribute is not taking effect in Safari and I am wondering if there is a workaround or a different approach that I should take. (Note: LESS formatted)
ul {
margin: 0 auto;
text-align: center;
li {
display: inline;
&:nth-child(4):after {
content: '';
display: block;
}
}
}
Edit: After some research, I discovered a solution -
&:nth-child(4):after {
content: '\a';
display: block;
white-space: pre;
}