Встроенные элементы формы в угловой / материал

Question

Я пытаюсь создать форму, в которой есть поле ввода и кнопка рядом с ним.Тем не менее, я получаю кнопку в верхней части поля ввода.

<mat-form-field>
  <input matInput placeholder="Select Spec Folder">
  <button mat-raised-button >Select Folder</button>
</mat-form-field>

Есть ли способ разместить оба элемента в одной строке один за другим?

Спасибо

Answer 1

Я нашел ответ на мою проблему.Есть два способа сделать это:

1. Установив отображение через CSS на «inline»
2. Используя Flexbox и создав контейнер для двух элементов, которые должны быть встроенными