strike.html

<style>   
.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; 
    }

    .strike > span {
        position: relative;
        display: inline-block;
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: red;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }
  
  </style>

<div class="strike">
    <span>Kringle</span>
</div>

It is working

Original version: https://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line