верхняя и нижняя строка плашки по 30 знаков

сама плашка

<!---------- плашка  -------------------------------->
<plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)">
<p>расстояние между нами</p>
<p>сводится к нулю</p>
</plaque>

чтобы изменить цвет текста, замените
<p> на <p style='color: #код_цвета'>

Код:
<!---------- плашка  -------------------------------->
<plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)">
<p>расстояние между нами</p>
<p>сводится к нулю</p>
</plaque>


код для вставки в конкурсы

[html]<style>plaque {
    width: 218px;
    height: 39px;
    border-radius: 10px;
    display: flex !important;
    -webkit-box-orient: vertical;
    -ms-flex-direction
Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.
: column;
    flex-direction: column;
position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--black);
    background: var(--plaque-gradient);
    bottom: 1px;
    left: 6px;
}

plaque p:last-of-type {
    padding: 0px !important;
    font: var(--fw400) var(--fs10) var(--font-main);
    color: rgb(var(--white), .9);
    margin-top: -7px;
}

plaque p:first-of-type {
    font: var(--fw700) var(--fs10) var(--font-main);
    color: rgb(var(--white), .9);
    margin-top: 7px;
    padding: 0px;
}

</style><plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)"><p>первая строка плашки</p><p>вторая строка плашки</p></plaque>[/html]

Код:
[table layout=fixed width=100%]
[tr]
[td][/td]
[td][html]<style>plaque {
    width: 218px;
    height: 39px;
    border-radius: 10px;
    display: flex !important;
    -webkit-box-orient: vertical;
    -ms-flex-direction
Specifies how flex items are placed in the flex container, by setting the direction of the flex container's main axis.
: column;
    flex-direction: column;
position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--black);
    background: var(--plaque-gradient);
    bottom: 1px;
    left: 6px;
}

plaque p:last-of-type {
    padding: 0px !important;
    font: var(--fw400) var(--fs10) var(--font-main);
    color: rgb(var(--white), .9);
    margin-top: -7px;
}

plaque p:first-of-type {
    font: var(--fw700) var(--fs10) var(--font-main);
    color: rgb(var(--white), .9);
    margin-top: 7px;
    padding: 0px;
}


</style><plaque style="background: radial-gradient(98.64% 362.92% at 56% -21%, #000000 0%, #FFF0EB 80%)"><p>первая строка плашки</p><p>вторая строка плашки</p></plaque>[/html][/td]
[td][/td]
[/tr]
[/table]