CSS hr 꾸미기

hr 꾸미기

hr {
    border: none;
    border-top: 1px solid #E3E7EB;
    overflow: visible;
    text-align: center;
    margin-top: 24px;
    height: 17px;
}

hr:after {
    content: "Welcome";
    position: relative;
    top: -15px;
    background: #F1F3F5; 
    padding: 0 10px;
    color: #868E96;
    font-size: 0.8em;
}

결과