line with css below each div
18,453
You can add css attribute border-bottom: 1px solid grey;
for example
Here is a syntax:
border-bottom: [border-width || border-style || border-color] | inherit
Author by
Kurkula
Updated on June 14, 2022Comments
-
Kurkula about 2 years
I am trying to show a line below each div in a container. Instead of using
<hr>
tag every time, do we have option to handle this with css?Html Code
#LinksContainer hr { border: none; height: 1px; color: #ccc; background-color: #ccc; text-align: left; width: 85%; }
<div id="LinksContainer"> <div><a href="#" target="_blank">Forum1</a></div> <hr/> <div><a href="#" target="_blank">Forum2</a></div> <hr/> <div><a href="#" target="_blank">Forum3</a></div> <hr/> <div><a href="#" target="_blank">Forum4</a></div> <hr/> </div>