Нужна помощь в верстке

.block {
  max-width: 300px;
  font-size: 40px;
  border: 1px solid red;
}

.button {
  display: inline-block;
  background-color: black;
  color: white;
  padding: 10px;
  text-decoration: none;
}

<div class="block">
  текс текст текст текст <a href="https://css-tricks.com/" class="button">Тык</a>
</div>

Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вообще-то оно по умолчанию именно так и работает.
Вот: <button>Кнопка</button>