When there are live events, BBC News often runs a 'timeline' style list against stories. For example:
I was intrigued to work out how they'd got...
For further actions, you may consider blocking this person and/or reporting abuse
Very nice.
Question: how can y make this line conections?
Notice that the connextion is onli betweeb 1st and 2nd dots (#). (each sub
1 .........
| #1.......
| | #1......
| | | #1.....
| | | |
| | | #2.....
| | #2......
| | #1.....
| | |
| | #2.....
| #2......
| #1......
| | #1....
| | |
| | #2.....
| #2......
| #1.....
| |
| #2.....
2.........
Notice that the connextion is onli betweeb 1st and 2nd dots. (each sub
One thing to keep in mind is that if you set a list (ordered or unordered) to list-style: none in webkit, it removes the list element semantics, which is bad for accessibility. There is a fix for this posted by Scott O'Hara here: scottohara.me/blog/2019/01/12/list...
You could also use a :before on the ul as a whole, and then you could use margins if you want. The tricky part would be stopping the line at the right place. One way to handle that would be a before: on the final li with a background color that covers it up.
Nice example
Lovely! It's great for resume sites if you want enumerate jobs or skills… shared on Twitter