HR inside a link

I would like to be able to put a HR inside of a link. I have two links one on top of the other with the hr between both but I want the mouse over to be seamless when traveling from the top one to the bottom one.

Don't use the HR. Horizontal rule is just a div with a faint border and a top and bottom margin.

Just add the border-bottom class to your top link (or the border top class to your bottom link.)


I was trying to stay away from top or bottom border as these links have paragraphs inside that go the full width on the bottom of a card that is on one half of a slide. The hr needs to be 80% and I just think more semantically correct when scanning through code. I found a work around that basically is dropping a div in the link and then the hr inside of it. Thanks for the suggestion though....