[FIXED] How to vertically align a paragraph next to a button

Issue

Beginner question about bootstrap, i just cant get a solution for this problem!

I want to have both the 'Send' and 'Problem in Sending Mail' text on the same line.

Code:

<div class="d-inline-flex">
    <button class="btn" name="submit" onClick="sendContact();">Send</button>
    <p class="">Problem in Sending Mail.</p>
</div>

Whatever i do, the 'Problem in Sending Mail' text is always at the top of the div space.

How can i fix this?

Solution

Try align-items: flex-end ?

<div class="d-inline-flex align-items-end">

https://getbootstrap.com/docs/4.0/utilities/flex/#align-items

Answered By - limco

Answer Checked By - Robin (PHPFixing Admin)