JSFiddle - React, Tailwind, and code Playground

HTML

<div id="audio"><span>فایل های صوتی</span></div>

CSS

#audio {
    width: 100%;
    height: 20px;
    background-color: #3F1954;
    text-align: center;
    display: table;
}
span {
    font-size: 20px;
    color: white;
    text-align: center;
    font-family: btitr;
    vertical-align: middle;
    display: table-cell;
}