how to place mat-form-field and mat-chip-list in the same line?

Question

I want to display one input field and one chip item side by side. But, chip is going to the next line. Is there any way I can place them side by side in the same row?

Current position:

Expected position:

Answer 1

Try using below css on the div container..

.div-wrapper {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: center; }