How to separate two text with dotted line horizontally ie: text1...........text2

Asked Mar 03 '21 at 13:13

Active Mar 03 '21 at 13:13

Viewed 16 times

I want to do a table of points like this without having to write manually the dots, because the items will be dynamic and they wont have the same size in characters, is there a way to achieve this with CSS? I'm using bootstrap 4 as base.

click me for reference

Thanks in advance

asked Mar 03 '21 at 13:13

Cristian Uhrig

try `dashed` parameter in `border` rule to `hr` tag. For example - `border: 1px dashed white;` – s.kuznetsov Mar 03 '21 at 13:16
from the duplicate: https://stackoverflow.com/a/52711235/8620333 – Temani Afif Mar 03 '21 at 13:19
thanks, that will help – Cristian Uhrig Mar 03 '21 at 13:22

How to separate two text with dotted line horizontally ie: text1...........text2

0 Answers0