How to make button inline?

Question

I have two button, one have single line text and another have two line text. The buttons are not inline. How can i make it inline?

I try to fix it using different css style.

Similar to this:

button{
  height:50px;
}

<button>Single Line</button>
<button>Multiline<br>Line</button>

Answer 1

try with vertical-align:middle;

button{
  height:50px;
  vertical-align:middle;
}

 <div class="mainContainer">
        <button class="actionBtn btnVideo">Take a Video</button>
        <button class="actionBtn btnEvent">Attend Event<br><span>(Check-In/Check-Out)</span></button>
    </div>

button{
  height:50px;
  vertical-align:middle;
}

<button>Single Line</button>
<button>Multiline<br>Line</button>