In brief
border-top styles the physical top edge without styling the other three sides. border-top: 1px solid gray can separate a lower information area from preceding text.
Useful to know
border-top styles the physical top edge without styling the other three sides. border-top: 1px solid gray can separate a lower information area from preceding text. [1]
Judge spacing using the actual component. A border alone does not provide sufficient room between texts; padding and margin have separate roles.
Sources
For further detail and to check the information: