How to make text in the layout like on the screenshot? Help please

Я пробовал через text-align:center;, но не вышло, ниже оставлю код

<h2 class="item">Teams build better products with Align UI</h2>

HTML

<h2 class="item">Teams build better products with Align UI</h2>

.item{
text-align: center;
line-height: 40px;
font-size: 34px;
font-weight: 400;
}

CSS

.item{

    text-align: center;

    line-height: 40px;

    font-size: 34px;

    font-weight: 400;

}