JSFiddle - React, Tailwind, and code Playground

by Roberto Apasajja

HTML

<div class="ee-text-divider"><div class="ee-text-divider__divider ee-text-divider__before"></div><h3 class="ee-text-divider__text"> Centisr</h3><div class="ee-text-divider__divider ee-text-divider__after"></div></div>

CSS

@media all {
    .elementor *,.elementor :after,.elementor :before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ee-text-divider {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin: 0 auto;
    }

    .ee-text-divider__text {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        padding: 0 6px;
        margin: 0;
    }

    .ee-text-divider__text:not([href]) {
        cursor: default;
    }

    .ee-text-divider__after,.ee-text-divider__before {
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 1px;
        min-height: 1px;
    }
    .ee-text-divider__before {
	    background: linear-gradient(270deg,#607d8b 0,#fff);
    }
    .ee-text-divider__after {
	    background: linear-gradient(90deg,#607d8b 0,#fff);
    }

    .elementor-widget-text-divider .ee-text-divider__text {
        color: #000;
    }

    .elementor-widget-text-divider .ee-text-divider__divider {
        background-color: #8062d4;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider {
        justify-content: center;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider__text {
        text-align: center;
        margin-left: 6px;
        margin-right: 6px;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider__text {
        color: #000;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider__before {
        max-width: 1000px;
        height: 3px;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider__after {
        max-width: 1000px;
        height: 3px;
    }

    .elementor-3827 .elementor-element.elementor-element-5ceacfe0 .ee-text-divider__divider {
        background-color:...