Issue
I'm trying to design an form that has an input field and right beside it, a button. However, I'm getting the button on top of the input field.
<mat-form-field>
<input matInput placeholder="Select Spec Folder">
<button mat-raised-button >Select Folder</button>
</mat-form-field>
Is there a way to have both elements on the same line one after the other?
Thanks
Solution
I found the answer to my problem. There are two ways of doing this:
- By setting the display via CSS to "inline"
- By using Flexbox and creating a container for the two elements that need to be inline
Answered By - Otto Gutierrez
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.