JSFiddle - React, Tailwind, and code Playground

by Stéphane LEGRAND

HTML

<body>
    <div class="wrapper">
        <div class="bloc">
            ici du contenu
        </div>
        <div class="separate">
            <span class="h"></span> <span class="text">Séparation</span> <span class="h"></span>
        </div>
    </div>
</body>

CSS

body {
    background:#e9eaed;
}

.wrapper {
    width:400px;
    margin:0 auto;
}

.bloc {
    color:#969bac;
}

.separate {
    text-align:center;
    color:#c1c5d1;
    display:inline-block;
    margin-top:20px;
    width:400px;
}

.separate span.h {
    width:150px;
    height:1px;
    background:#fff;
    border-top:#c1c5d1 1px solid;
    display:block;
    float:left;
}

.separate .text {
    width:100px;
    height:15px;
    display:block;
    float:left;
    margin-top: -10px;
}