چطور می تونم تگ hr رو در html پایین یک المنت بزارم؟

دوستان کد من رو ببینید لطفا:

div {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    min-height: 100px;
}

و بخش html اون:

<div> test content would be here <hr> </div>

خب همونطور که میبینید اون خط دقیقا زیر نوشته قرار گرفته و من میخوام بیاد انتهای اون باکس قرار بگیره و یک مستطیل رو بسازه. دقیقا مثل زمانی که این کد رو به CSSش اضافه می کنیم div{border-bottom: 1px solid}. ولی خب با توجه به کد htmlی که دارم و نمی تونم دستکاریش کنم باید اون <hr> رو بیار پایینش بزارم .. چی کار کنم دوستان ؟؟؟

سلام وقتتون بخیر این کدها رو امتحان کنید.

div{
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    min-height: 100px;
    position:relative;
    }
    hr{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right;
    top:90%;
    }