Input with side button on Tailwind CSS-CodePudding

I want to do something like this:
but When I try something in my code, just show that:
that's my code:

<div >
    <BreezeInput2
        id="email"
        type="email"
        
        required
        autofocus
        autocomplete="username"
        placeholder="[email protected]"
      />
    <a 
            :href="route('dashboard')"
          >
            Notify
    </a>
</div>

CodePudding user response：

I'd probably start off by removing the grid style from your container since you already have a flexbox, and then adding flex-row. After that, remove your inline-table utility from your anchor tag, and add a flex utility instead. This should get you on the right track!

Any other help that you need, let me know or throw it up here. https://play.tailwindcss.com/

CodePudding user response：

Change this line <div > to <div > Because you apply already the flex class.

https://play.tailwindcss.com/XrWzizHo7d