JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>Inline HR</title>
</head>
<body>
<div style="center">
<hr>
My Text
<hr>
</div>
</body>
</html>

CSS

div {
     text-align: center;
 }
 
 hr {
     display: inline-block;
     width: 40%;
 }