Why my hr tags are behaving differently even though I am using same css for each one of them?

Question

I just copied this code

---

and placed 4 times in codepen.io and I am gettin