divider line comes below text react code example
Example: draw a line with title in react
<html>
<head>
<style>
.draw-line:before {
content: "";
display: block;
background-color: black;
height: 1px;
width: 10px;
margin-right: 10px;
}
.draw-line:after {
content: "";
display: block;
background-color: black;
height: 1px;
flex-grow: 1;
margin-left: 10px;
}
.draw-line {
display: flex;
align-items: center;
}
</style>
</head>
<body>
<div class="draw-line">Title</div>
</body>
</html>