Could you please help me to achieve layout as in this example?

![Sample Image](https://i.stack.imgur.com/N7pSJ.png)

Sample items in this list loads dynamically into view and length can be various. And it seems like the count of dots should change according to this. I try to use `<table>` element but it only I can set is dotted border to bottom and this is not my case because I need it in the middle of the row.