To distinguish block pictures, I used to make lines using photoshop. It gets tedious after a little while when you have to rearrange the order. I thought the solution was to put hr lines between images, but it mages space between them though the only space should be the rule.

.bl_line hr{border:thin; color:#666666; width:166px;padding-bottom:0; padding-top:0;margin:0;}
------------------------------------
<div class = "bl_line">
image
hr
image
hr
</div

Thank you

I'm not totally clear on what you're trying to accomplish, but why don't you just put a border on one or more sides of the image, and/or margins for additional spacing?

For one thing, you're adding properties to an HR that simply don't work. There is very little you can do in CSS to change a horizontal rule.

I think I understand what you are trying to do.

Use this format:
image
<br />
<hr />
image


I think that will do what you want. You also have the option to specify a width for your HR.