+ 1
I make container, and place 2 hr and 1 span inside it.
Set display of container to be flex, so every children will by default be next to each other in one line.
You also need to set width to hr.
You can style hr element how you like change size, background-color...
https://code.sololearn.com/W6ZZE3nKo3pD/?ref=app
+ 1
<body>
<style>
.myline {
display: inline-block;
}
hr {
width: 100px;
}
div {
padding: 10px;
}
</style>
<hr class="myline"><div class="myline">hello</div><hr class="myline">
</body>