I am currently working on an asp.net menu that looks like this:
<div id="left">
<div id="menus" runat="server">
<div id="left_menu">
<div class="abc">
</div>
<div id="os">
</div>
<div class="btm">
</div>
</div>
<div id="left_menu">
<div class="cde">
</div>
<div id="l">
</div>
<div class="G">
</div>
</div>
</div>
My goal is to add a dotted line in front of each menu item, with the line being as long as the menu itself. I have the CSS code for the dotted line ready:
#horizontal_dotted_line
{
border-top: 1px dotted #f00;
color: black;
background-color: #fff;
height: 1px;
width:50%;
}
However, I am unsure where to place the div tag horizontal_dotted_line so that it appears in front of the menu items. Any help or guidance on this issue would be greatly appreciated.