line with css below each div [duplicate]

Question

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>

Answer 1

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