making a dashed line separator in css

[demarcopbl]

hello all, been working on a new site layout and have run into a problem. I had been including white space and a dashed 'line break' at the bottom of my uploaded images so that when they appear on the site, it separates the images from the text. Now I have added rollovers different to the background color, you can clearly tell my workaround. Is there any way to do the line break/padding with css? basically I want the line to be the same length as the base of the image. See attached screens for reference. Thanks, Mike.

 

[angelwatt]

You can do it with the border property

[I]selector[/I] {
 border-bottom: 1px dashed #000;
}

Can use dotted as well.

 

[wheezy]

You can do it with the border property

[I]selector[/I] {
 border-bottom: 1px dashed #000;
}

Can use dotted as well.

Bingo! CSS can do quite a lot, and once CSS3 is a full accepted standard (ahem, IE) you'll be able to do even more.

 

[demarcopbl]

thankyou angelwatt!!

thanks for the tip, worked like a charm. Appreciate your input.