Border bottom width

HTML & CSS
1

So, I created some links and I have a bottom border set for them, but I want the border to expand to the width of the parent container. I tried setting the width of the the #UrgentNav li a but that didn’t help. This must be a simple fix. thanks for the help.

2

Sonds like you need the links set to display: block; but we’d need to see more to be sure … some code or a screen shot.

3

Sorry I meant to include a link http://bankruptcyimmigrationlaw.com/NEWSTARTLAW/Bankruptcy.html

4 
#UrgentNav li:first-child {
  padding: 5px [COLOR="#FF0000"]0[/COLOR];
  border-top: thin white solid;
  margin-top: 25px;
  text-decoration: none;
  color: white;
}

#UrgentNav li a {
  padding: 5px 5px;
  border-bottom: thin white solid;
  text-decoration: none;
  color: white;
 [COLOR="#FF0000"] display: block;[/COLOR]
}
5

Thanks that extended the lines to the full width, but I don’t get why it inserted more lines between the list items? Why did it do that? I checked for multiple borders but don’t have any on there?

6

Have a peek at your HTML. Each <li> has an extra, empty <a> element in there. :wink:

<li><a href="STOP_Foreclosure.html"> STOP a Foreclosure</a>[COLOR="#FF0000"]<a> </a>[/COLOR]</li>
7

Thx. I didn’t see the double element but I did see that I didn’t close the hyperlink and I had a <a> instead of </a>.

8