line with css below each div

css, html, line

Solution

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

Problem

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> ```

Original source

Related problems