How can I create buttons on the same line?

Hi,

I’m fairly new to HTML and CSS. I’ve been trying to add multiple buttons on the same line but every time I try they just start a new line. Can someone please give the HTML and CSS to have multiple buttons on the same line?
I’m trying to create something like on the photo.

HTML

<div class="inline">
  <button>Test1</button>
  <button>Test2</button>
  <button>Test3</button>
</div>

CSS

.inline {
  display: inline-block; 
}

Result
image

This is pretty basic HTML/CSS - you might want to learn that some more before you try amending a handlebars template…

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.