[HTML][CSS]Hr w css Opcje

[ktesibios]

Witam mam do was pytanie. Czy da sie stworzyc dwie przecinajace sie linie jedna powiedzmy hr druga "linia" ktora jest pionowa tak zeby jedna z krawedzi przecinaly i wychodzily powiedzmy 5 px poza druga? czy cos takiego jest sensownie robic czy lepiej oprzec sie na kwadraciku powiedzmy 1x1px i z tego to stworzyc chodzi mi o cos takiego:
_|_________
|
|
|
|
pozdrawiam i z góry dzięki za odpowiedzi.

[Kshyhoo]

[HTML] pobierz, plaintext 
.hrH {
background-color: #000000;
position:absolute; left: 30px; top: 30px; // tu kombinujesz, gdzie ma być początek z lewa i od góry
width: 300px; // jaka długa
}
 
.hrV {
background-color: #000000;
position:absolute; left: 50px; top: 10px; // tu kombinujesz, gdzie ma być początek z lewa i od góry
width: 1px;
height: 100px // jaka wysoka
}
[HTML] pobierz, plaintext 

Oczywista sprawa, że trzeba wstawić w odpowiednie miejsce w kodzie. Nie wiem też, jak się zachowają wszystkie przeglądarki.